BolaBale Maros: Restoran Seafood dan Kuliner Keluarga Nyaman di Pantai Tak Berombak

 

Mencari restoran seafood di Maros yang cocok untuk makan bersama keluarga, acara kantor, kumpul bersama teman, hingga berbagai acara khusus? BolaBale bisa menjadi salah satu pilihan menarik yang patut Anda kunjungi.

Berlokasi di Jl. Crysant Pettuadae, Kawasan Wisata Kuliner Pantai Tak Berombak (PTB), Kabupaten Maros, Sulawesi Selatan, BolaBale menawarkan pengalaman bersantap yang memadukan aneka seafood, pilihan menu non-seafood, tempat yang nyaman, serta ruangan yang dapat digunakan untuk berbagai kebutuhan.

Kawasan Pantai Tak Berombak sendiri dikenal sebagai salah satu kawasan wisata kuliner di Kabupaten Maros yang ramai dikunjungi masyarakat dan wisatawan.

Restoran Seafood di Maros dengan Pilihan Ikan Segar

Salah satu daya tarik utama BolaBale adalah pilihan aneka seafood dengan ikan segar. Bagi pencinta hidangan laut, kesegaran bahan tentu menjadi salah satu faktor penting dalam menikmati makanan.

Selain seafood, BolaBale juga menyediakan pilihan menu non-seafood, termasuk hidangan berbahan dasar ayam dan bebek. Dengan pilihan menu yang beragam, setiap anggota keluarga maupun rombongan dapat menemukan hidangan yang sesuai dengan selera masing-masing.

BolaBale menyediakan makanan bersertifikasi Halal, sehingga pelanggan dapat menikmati hidangan dengan lebih nyaman.

Tempat Makan Nyaman untuk Keluarga dan Rombongan

Bukan hanya soal makanan, kenyamanan tempat juga menjadi perhatian di BolaBale.

Restoran ini memiliki beberapa pilihan ruangan yang dapat disesuaikan dengan jumlah tamu dan kebutuhan acara, yaitu:

  • VIP Room Full AC dengan kapasitas hingga 40 orang.

  • Ruang Tengah dengan suasana cozy dan kapasitas hingga 30 orang.

  • Teras dengan kapasitas hingga 30 orang.

Dengan beberapa pilihan area tersebut, BolaBale dapat menjadi tempat untuk makan bersama keluarga, pertemuan, arisan, acara komunitas, gathering, maupun acara bersama rekan kerja.

Bisa Reservasi untuk Acara Khusus

Anda memiliki rencana mengadakan acara dan membutuhkan tempat makan di Maros?

BolaBale melayani reservasi tempat untuk berbagai kebutuhan. Kapasitas ruangan yang beragam membuat pelanggan dapat memilih area sesuai jumlah tamu.

Keberadaan VIP Room Full AC juga dapat menjadi pilihan bagi rombongan yang menginginkan ruangan lebih privat dan nyaman.

Untuk acara dengan jumlah tamu yang lebih banyak, ruang tengah dan area teras dapat menjadi alternatif tempat berkumpul.

Ada Panggung Karaoke, Makan Jadi Makin Seru

Salah satu fasilitas yang membuat suasana di BolaBale berbeda adalah adanya panggung untuk karaoke.

Setelah menikmati hidangan, pelanggan dapat menghabiskan waktu bersama keluarga, teman, maupun rekan kerja sambil bernyanyi dan menikmati suasana. Fasilitas seperti ini membuat kegiatan makan bersama tidak hanya sekadar menikmati makanan, tetapi juga menjadi pengalaman berkumpul yang lebih menyenangkan.

Melayani Catering untuk Berbagai Acara

Selain melayani pelanggan yang makan langsung di restoran, BolaBale juga menerima pesanan catering untuk berbagai acara.

Layanan catering ini dapat menjadi solusi bagi Anda yang sedang mempersiapkan acara keluarga, kegiatan kantor, pertemuan, gathering, maupun acara lainnya yang membutuhkan hidangan dalam jumlah banyak.

Dengan pilihan menu seafood dan non-seafood, Anda dapat menyesuaikan hidangan dengan kebutuhan acara dan selera para tamu.

Sering Dikunjungi Selebritas dan Wisatawan

BolaBale juga menjadi salah satu tempat makan yang menarik perhatian berbagai kalangan. Restoran ini sering dikunjungi selebritas, wisatawan asing, dan wisatawan domestik yang datang ke Kabupaten Maros.

Kehadiran pengunjung dari berbagai daerah dan latar belakang menjadi salah satu daya tarik tersendiri. Bagi wisatawan yang sedang berada di Maros, menikmati kuliner lokal sambil bersantai di kawasan PTB dapat menjadi salah satu aktivitas yang menarik.

Kawasan PTB sendiri memang berkembang sebagai kawasan wisata kuliner yang menjadi bagian dari daya tarik pariwisata Kabupaten Maros.

Jam Buka BolaBale Maros

BolaBale melayani pelanggan mulai dari pagi hingga malam hari.

Jam operasional:
08.00 WITA – 22.00 WITA

Dengan jam buka yang panjang, Anda dapat datang untuk makan bersama keluarga sejak pagi, menikmati makan siang, mengadakan pertemuan, atau bersantai menikmati makan malam.

Kenapa Harus Mencoba BolaBale?

Ada beberapa alasan mengapa BolaBale layak masuk dalam daftar tempat makan yang ingin Anda kunjungi di Maros:

1. Pilihan seafood beragam
Tersedia aneka seafood dengan ikan segar untuk pencinta makanan laut.

2. Ada pilihan non-seafood
Tidak hanya seafood, tersedia pula menu ayam dan bebek.

3. Makanan bersertifikasi Halal
Memberikan kenyamanan bagi pelanggan dalam memilih hidangan.

4. Tempat nyaman untuk keluarga
Tersedia beberapa pilihan area dengan kapasitas berbeda.

5. Bisa reservasi
Cocok untuk acara keluarga, kantor, komunitas, gathering, dan berbagai kegiatan lainnya.

6. Ada VIP Room Full AC
Kapasitas hingga 40 orang untuk acara yang membutuhkan ruangan nyaman dan lebih privat.

7. Tersedia panggung karaoke
Menambah keseruan saat makan bersama.

8. Melayani catering
Bisa menjadi pilihan untuk kebutuhan konsumsi berbagai acara.

9. Lokasi berada di kawasan wisata kuliner PTB Maros
Mudah dipadukan dengan agenda wisata kuliner di Kabupaten Maros.

Rekomendasi Tempat Makan Seafood di Maros untuk Berbagai Momen

BolaBale bukan hanya tempat untuk mengisi perut. Dengan pilihan menu yang beragam, ruangan yang dapat digunakan untuk rombongan, fasilitas karaoke, serta layanan reservasi dan catering, restoran ini dapat menjadi tempat untuk menciptakan momen bersama orang-orang terdekat.

Apakah Anda ingin makan seafood bersama keluarga? Mengadakan acara kantor? Mengumpulkan teman-teman? Atau mencari tempat makan yang nyaman ketika berkunjung ke Maros?

BolaBale di Kawasan Wisata Kuliner Pantai Tak Berombak (PTB) Maros dapat menjadi pilihan yang layak dipertimbangkan.

Datang bersama keluarga, teman, atau rombongan, pilih ruangan yang sesuai, nikmati aneka ikan segar serta berbagai menu seafood dan non-seafood, lalu lengkapi suasana dengan hiburan karaoke.

Informasi BolaBale Maros

Nama: BolaBale
Alamat: Jl. Crysant Pettuadae, Kawasan Wisata Kuliner Pantai Tak Berombak (PTB), Kabupaten Maros, Sulawesi Selatan
Jam Buka: 08.00 – 22.00 WITA
Menu: Seafood dan non-seafood (ayam & bebek)
Halal: Makanan bersertifikasi Halal
Reservasi: Tersedia
VIP Room: Full AC, kapasitas hingga 40 orang
Ruang Tengah: Cozy, kapasitas hingga 30 orang
Teras: Kapasitas hingga 30 orang
Fasilitas: Panggung karaoke
Layanan: Makan di tempat, reservasi, dan catering berbagai acara

BolaBale Maros — tempat menikmati seafood, berkumpul, dan menciptakan momen bersama di kawasan wisata kuliner Pantai Tak Berombak.

  

Moment 17 Agustus 2026

81 Tahun Indonesia Merdeka, walaupun saat ini Tidak ada Penjajahan sebagaimana penjajahan yang mengorbankan darah dan nyawa para pejuang untuk memperoleh kemerdekaan. Namun Saat ini Rakyat Indonesia masih sangat banyak yang berjuang untuk bertahan hidup di tengah ketidak pastian dan kekacauan peraturan pemerintah yang di katakan kebijakan namun tidak bijak.

Harga-Harga bahan pokok Naik, BBM Naik, Pajak Naik, Yang Tidak naik adalah Gaji dan Penghasilan, bahkan banyak petani yang mengeluh harga jual hasil tani mereka yang tidak imbang dengan harga pupuk dan racun hama, Lapangan Pekerjaan Sulit, tidak seindah pidato iming-iming saat pencalonan presiden.

Namun Terlepas dari semua itu, Menyemarakkan Hari Kemerdekaan 17 Agustus 1945 Setiap Tahunnya, merupakan Cara untuk mengenang jasa para pejuang kemerdekaan yang saat ini di khianati oleh para oknum yang punya kepentingan terhadap kesejahteraan pribadinya, tanpa memikirkan kepentingan orang lain.   

 

 

Moment 17 Agustus Bersama Crew BolaBale Resto dan Catering Maros.

Iskandar Dorman, Agustus 2026 

Kode HTML

Ganti dengan deskripsi gambar

Jasa Dokumen

Laman ini berisi berbagai informasi dan layanan yang dapat membantu Anda. Silakan pilih informasi yang ingin Anda lihat.
Informasi tambahan dapat ditulis di bagian ini. Anda juga dapat menambahkan link, penjelasan, informasi layanan, atau keterangan lainnya. 
 
=============================================
 
<!-- =========================================================
     TEMPLATE KONTEN PREMIUM
     Google Sites / Blogger / Blogspot
     Dengan Slide Up + Hover Zoom
     ========================================================= -->

<div class="konten-template">

<style>

/* =========================================================
   PENGATURAN DASAR
   ========================================================= */

.konten-template{
    width:100%;
    max-width:900px;
    margin:0 auto;
    padding:20px 16px 30px;
    font-family:Arial, Helvetica, sans-serif;
    color:inherit;
    box-sizing:border-box;
}

.konten-template *{
    box-sizing:border-box;
}


/* =========================================================
   GAMBAR
   ========================================================= */

.kt-gambar{
    width:min(100%, 650px);

    aspect-ratio:1 / 1;

    margin:0 auto 25px;

    overflow:hidden;

    border-radius:16px;

    opacity:0;

    transform:translateY(60px);

    transition:
        opacity .8s ease,
        transform .8s cubic-bezier(.22,1,.36,1);

    cursor:pointer;
}


/* =========================================================
   GAMBAR SAAT MASUK VIEWPORT
   ========================================================= */

.kt-gambar.muncul{

    opacity:1;

    transform:translateY(0);

}


/* =========================================================
   GAMBAR UTAMA
   ========================================================= */

.kt-gambar img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    /*
       Zoom normal
    */

    transform:scale(1);

    /*
       Transisi zoom dibuat halus
    */

    transition:
        transform .6s cubic-bezier(.22,1,.36,1);

}


/* =========================================================
   EFEK ZOOM SAAT KURSOR DI ATAS GAMBAR
   ========================================================= */

.kt-gambar:hover img{

    transform:scale(1.06);

}


/* =========================================================
   JUDUL
   ========================================================= */

.kt-judul{

    margin:0 0 20px;

    font-size:clamp(28px, 4vw, 42px);

    line-height:1.15;

    font-weight:700;

    color:#08758c;

    text-decoration:underline;

}


/* =========================================================
   DESKRIPSI
   ========================================================= */

.kt-deskripsi{

    font-size:clamp(16px, 2vw, 19px);

    line-height:1.75;

    margin:0 0 22px;

    color:inherit;

}


/* =========================================================
   DAFTAR / BARIS
   ========================================================= */

.kt-daftar{

    margin:0 0 25px;

    padding-left:22px;

}

.kt-daftar li{

    margin-bottom:15px;

    font-size:clamp(16px, 2vw, 18px);

    line-height:1.5;

}

.kt-daftar a{

    color:#08758c;

    text-decoration:underline;

    transition:.25s;

}

.kt-daftar a:hover{

    color:#e53935;

}


/* =========================================================
   DESKRIPSI AKHIR
   ========================================================= */

.kt-deskripsi-akhir{

    margin-top:25px;

    padding:10px 20px;

    font-size:clamp(16px, 2vw, 18px);

    line-height:1.7;

    color:inherit;

}


/* =========================================================
   RESPONSIVE HP
   ========================================================= */

@media(max-width:600px){

    .konten-template{

        padding:12px 12px 25px;

    }

    .kt-gambar{

        width:100%;

        margin-bottom:20px;

        border-radius:12px;

    }

    .kt-judul{

        margin-bottom:16px;

    }

    .kt-deskripsi{

        line-height:1.7;

    }

    .kt-daftar{

        padding-left:20px;

    }

    .kt-daftar li{

        margin-bottom:13px;

    }

}


/* =========================================================
   PENGHEMATAN ANIMASI
   ========================================================= */

@media(prefers-reduced-motion:reduce){

    .kt-gambar{

        opacity:1;

        transform:none;

        transition:none;

    }

    .kt-gambar img{

        transition:none;

    }

}


/* =========================================================
   PERANGKAT YANG TIDAK MEMILIKI KURSOR
   Misalnya HP / Tablet
   Zoom hover tidak digunakan.
   ========================================================= */

@media(hover:none){

    .kt-gambar:hover img{

        transform:none;

    }

}

</style>


<!-- =========================================================
     GAMBAR
     
     GANTI LINK GAMBAR DI SINI
     ========================================================= -->

<div class="kt-gambar">

    <img
        src="GANTI-DENGAN-LINK-GAMBAR-ANDA"
        alt="Ganti dengan deskripsi gambar"
    >

</div>


<!-- =========================================================
     JUDUL
     ========================================================= -->

<h2 class="kt-judul">

    Jasa Dokumen

</h2>


<!-- =========================================================
     DESKRIPSI AWAL
     ========================================================= -->

<div class="kt-deskripsi">

    Laman ini berisi berbagai informasi dan layanan yang
    dapat membantu Anda. Silakan pilih informasi yang
    ingin Anda lihat.


</div>


<!-- =========================================================
     DAFTAR BARIS
     ========================================================= -->

<ul class="kt-daftar">

    <li>

        <a
            href="LINK-BARIS-1"
            target="_blank"
            rel="noopener">

            Baris Informasi 1

        </a>

    </li>


    <li>

        <a
            href="LINK-BARIS-2"
            target="_blank"
            rel="noopener">

            Baris Informasi 2

        </a>

    </li>


    <li>

        <a
            href="LINK-BARIS-3"
            target="_blank"
            rel="noopener">

            Baris Informasi 3

        </a>

    </li>


    <li>

        <a
            href="LINK-BARIS-4"
            target="_blank"
            rel="noopener">

            Baris Informasi 4


        </a>

    </li>


    <li>

        <a
            href="LINK-BARIS-5"
            target="_blank"
            rel="noopener">

            Baris Informasi 5

        </a>

    </li>

</ul>


<!-- =========================================================
     DESKRIPSI AKHIR
     ========================================================= -->

<div class="kt-deskripsi-akhir">

    Informasi tambahan dapat ditulis di bagian ini.
    Anda juga dapat menambahkan link, penjelasan,
    informasi layanan, atau keterangan lainnya.


</div>


<!-- =========================================================
     JAVASCRIPT
     Slide Up saat masuk viewport
     ========================================================= -->

<script>

(function(){

    const gambar =
        document.querySelector(
            '.konten-template .kt-gambar'
        );

    if(!gambar) return;


    const observer =
        new IntersectionObserver(

            function(entries){

                entries.forEach(function(entry){

                    if(entry.isIntersecting){

                        gambar.classList.add('muncul');

                        observer.unobserve(gambar);

                    }

                });

            },

            {
                threshold:0.15
            }

        );


    observer.observe(gambar);

})();

</script>

</div> 
 
============================================= 
EDIT HTML

Jasa Catering Rekomendasi di Kabupaten Maros

Buat Warga Maros, Yang ingin membuat Hajatan Apa Saja, Pernikahan, Aqiqah, Arisan, Acara keluarga, Acara kantor, Pengajian, dan lain-lain, tidak perlu lagi repot-repot fikirkan kebutuhan konsumsi, apalagi kalau Tuan / Ibu Hajat Harus Turun Langsung Ke Dapur Untuk Mempersiapkan Kebutuhan Konsumsi Tamu.

Cukup Pesan Catering yang Sangat Rekomendasi di Maros, Ada Banyak Pilihan Menu dengan Varian Harga Yang bisa di sesuaikan dengan Budget dan kebutuhan acara.



Silakan Visit Website Bola-Bale Untuk Info Harga dan Pemesanan.

Catering Bola Bale, Lezat di Lidah, Puas di Hati, Hemat di Kantong. 

 

Berat Badan Ideal Pria Usia 40 Tahun Dengan Tinggi 165CM

Untuk mengetahui berat badan ideal pria usia 40 tahun dengan tinggi badan 165 cm, ada dua metode umum yang paling sering digunakan, yaitu **Indeks Massa Tubuh (IMT / BMI)** dan **Rumus Broca**.
### 1. Berdasarkan Rumus Broca (Metode Praktis)
Rumus Broca khusus diperhitungkan dengan mempertimbangkan tinggi badan untuk menentukan rentang berat ideal.
 * **Berat Badan Ideal (Kilo):** (165 - 100) - (10\% \times (165 - 100))
 * **Perhitungan:** 65 - 6.5 = \mathbf{58.5\text{ kg}}
Secara umum, rentang berat ideal menggunakan acuan ini berada di sekitar **55 kg – 60 kg**.
### 2. Berdasarkan Indeks Massa Tubuh (IMT/BMI Standar Asia)
Kategori IMT untuk masyarakat Asia (termasuk Indonesia) adalah:
 * **Berat Badan Kurang (Underweight):** < 18.5
 * **Normal / Ideal:** 18.5 - 22.9
 * **Kelebihan Berat Badan (Overweight):** 23.0 - 24.9
 * **Obesitas:** \ge 25.0
Dengan tinggi **165 cm**, berikut rentang berat badannya:
 * **Batas Bawah (Normal):** 18.5 \times (1.65)^2 \approx \mathbf{50.3\text{ kg}}
 * **Batas Atas (Ideal Sehat):** 22.9 \times (1.65)^2 \approx \mathbf{62.3\text{ kg}}
### Kesimpulan & Catatan Penting Usia 40 Tahun
> **Berat badan ideal yang disarankan:** **55 kg hingga 62 kg.**
**Hal yang Perlu Diperhatikan di Usia 40-an:**
 1. **Massa Otot vs. Lemak:** Memasuki usia 40 tahun, metabolisme tubuh alami melambat dan massa otot cenderung menurun (*sarcopenia*). Oleh karena itu, jangan hanya berfokus pada angka di timbangan.
 2. **Lingkar Perut:** Selain angka timbangan, pastikan lingkar perut berada di **bawah 90 cm** untuk pria. Penumpukan lemak di area perut (lemak viseral) lebih berisiko bagi kesehatan jantung dan metabolisme dibandingkan berat badan keseluruhan.
 3. **Olahraga & Nutrisi:** Kombinasikan latihan kekuatan (seperti *push-up*, *plank*, atau angkat beban ringan) untuk menjaga massa otot, serta jaga asupan protein dan serat harian.

Widget Halaman Facebook


Copy Seluruh HTML di bawah dan Tempel Menjadi 1 Blok Untuk Hasil Yang Sempurna, Ubah Hanya Tulisan Yang Berwarna Merah.

=======================================
PART 1
=======================================

<!--=========================================================
 FACEBOOK PAGE WIDGET PREMIUM v2.0
 PART 01
 HTML STRUCTURE + CONFIGURATION
==========================================================-->

<div id="fb-widget">

<!-- ==========================================================
     FACEBOOK CONFIGURATION
     Ubah bagian ini saja
========================================================== -->

<!--

PAGE NAME

Nama Halaman Facebook

USERNAME

@username

PAGE URL

https://facebook.com/username

PROFILE PHOTO

https://....

COVER PHOTO

https://....

CATEGORY

Business Service

FOLLOWERS

25K

LIKES

23K

DESCRIPTION

Tulis deskripsi halaman.

BUTTON 1

Ikuti Halaman

BUTTON 2

Kunjungi Facebook

POST IMAGE 1

https://....

POST IMAGE 2

https://....

POST IMAGE 3

https://....

POST IMAGE 4

https://....

POST IMAGE 5

https://....

POST IMAGE 6

https://....

-->

<div class="fb-card">

<div class="fb-cover">

<img
src="https://via.placeholder.com/1200x500?text=Facebook+Cover"
alt="Cover">


</div>

<div class="fb-profile">

<div class="fb-avatar">

<img
src="https://via.placeholder.com/300?text=LOGO"
alt="Avatar">

</div>

<div class="fb-info">

<h2>

Nama Halaman Facebook

</h2>

<div class="fb-user">

@username

</div>

<div class="fb-category">

Business Service

</div>

<div class="fb-stats">

<div>

<strong>25K</strong>

<span>Followers</span>

</div>

<div>

<strong>23K</strong>

<span>Likes</span>

</div>

</div>

<p>

Tulis deskripsi singkat halaman Facebook Anda di sini. Jelaskan layanan atau informasi yang ingin diketahui pengunjung.

</p>

<div class="fb-buttons">

<a
class="fb-follow"
href="https://facebook.com/username"
target="_blank">

👍 Ikuti Halaman

</a>

<a
class="fb-visit"
href="https://facebook.com/username"
target="_blank">

📘 Kunjungi Facebook

</a>

</div>

</div>

</div>

<div class="fb-gallery">

<a href="#"><img src="https://via.placeholder.com/400" alt=""></a>

<a href="#"><img src="https://via.placeholder.com/400" alt=""></a>

<a href="#"><img src="https://via.placeholder.com/400" alt=""></a>

<a href="#"><img src="https://via.placeholder.com/400" alt=""></a>

<a href="#"><img src="https://via.placeholder.com/400" alt=""></a>

<a href="#"><img src="https://via.placeholder.com/400" alt=""></a>

</div>

</div>

</div> 

=======================================
PART 2
======================================= 

 <style>

/*====================================================
 FACEBOOK PAGE WIDGET PREMIUM v2.0
 PART 02 - PREMIUM CSS
====================================================*/

#fb-widget{
max-width:1050px;
margin:40px auto;
padding:20px;
font-family:Arial,Helvetica,sans-serif;
}

#fb-widget *{
box-sizing:border-box;
}

.fb-card{

background:rgba(255,255,255,.95);

backdrop-filter:blur(16px);

border-radius:30px;

overflow:hidden;

box-shadow:
0 20px 60px rgba(0,0,0,.12);

border:1px solid rgba(255,255,255,.45);

transition:.35s;

}

.fb-card:hover{

transform:translateY(-6px);

box-shadow:
0 30px 80px rgba(0,0,0,.16);

}

/*========================
 COVER
========================*/

.fb-cover{

height:260px;

overflow:hidden;

position:relative;

background:

linear-gradient(
135deg,
#1877F2,
#0A5AD4,
#3B82F6);

}

.fb-cover img{

width:100%;

height:100%;

object-fit:cover;

display:block;

transition:1.2s;

}

.fb-card:hover .fb-cover img{

transform:scale(1.05);

}

/*========================
 PROFILE
========================*/

.fb-profile{

display:flex;

gap:30px;

padding:0 35px 35px;

margin-top:-70px;

position:relative;

z-index:10;

}

.fb-avatar{

width:150px;

height:150px;

border-radius:50%;

padding:6px;

background:#fff;

box-shadow:
0 15px 40px rgba(0,0,0,.20);

flex-shrink:0;

}

.fb-avatar img{

width:100%;

height:100%;

object-fit:cover;

border-radius:50%;

display:block;

}

.fb-info{

flex:1;

padding-top:75px;

}

.fb-info h2{

font-size:34px;

margin:0;

color:#222;

font-weight:700;

}

.fb-user{

margin-top:8px;

font-size:17px;

color:#1877F2;

font-weight:bold;

}

.fb-category{

margin-top:8px;

font-size:14px;

color:#777;

}

/*========================
 STATS
========================*/

.fb-stats{

display:flex;

gap:35px;

margin:24px 0;

flex-wrap:wrap;

}

.fb-stats div{

text-align:center;

}

.fb-stats strong{

display:block;

font-size:24px;

color:#1877F2;

}

.fb-stats span{

font-size:14px;

color:#777;

}

/*========================
 DESCRIPTION
========================*/

.fb-info p{

font-size:15px;

line-height:1.8;

color:#444;

margin-bottom:25px;

}

/*========================
 BUTTONS
========================*/

.fb-buttons{

display:flex;

gap:15px;

flex-wrap:wrap;

}

.fb-buttons a{

text-decoration:none;

padding:14px 26px;

border-radius:999px;

font-weight:bold;

transition:.35s;

}

.fb-follow{

background:#1877F2;

color:#fff;

box-shadow:
0 10px 25px rgba(24,119,242,.30);

}

.fb-follow:hover{

background:#0D65D9;

transform:translateY(-3px);

}

.fb-visit{

background:#fff;

color:#1877F2;

border:2px solid #1877F2;

}

.fb-visit:hover{

background:#1877F2;

color:#fff;

}

/*========================
 GALLERY
========================*/

.fb-gallery{

display:grid;

grid-template-columns:

repeat(3,1fr);

gap:12px;

padding:25px;

}

.fb-gallery a{

display:block;

overflow:hidden;

border-radius:18px;

}

.fb-gallery img{

width:100%;

aspect-ratio:1/1;

object-fit:cover;

display:block;

transition:.45s;

}

.fb-gallery img:hover{

transform:scale(1.08);

}

/*========================
 MOBILE
========================*/

@media(max-width:768px){

.fb-profile{

flex-direction:column;

align-items:center;

text-align:center;

margin-top:-60px;

padding:0 22px 30px;

}

.fb-info{

padding-top:0;

}

.fb-info h2{

font-size:28px;

}

.fb-buttons{

justify-content:center;

}

.fb-gallery{

grid-template-columns:

repeat(2,1fr);

padding:18px;

}

}

@media(max-width:480px){

#fb-widget{

padding:10px;

}

.fb-cover{

height:180px;

}

.fb-avatar{

width:120px;

height:120px;

}

.fb-buttons a{

width:100%;

text-align:center;

}

.fb-gallery{

gap:8px;

}

}

</style>

=======================================
PART 3
======================================= 

 <style>

/*=====================================================
 FACEBOOK PAGE WIDGET PREMIUM
 PART 03
 Premium Animation
======================================================*/

/*=============
 Floating Avatar
==============*/

.fb-avatar{

position:relative;

animation:fbFloat 5s ease-in-out infinite;

}

@keyframes fbFloat{

0%,100%{

transform:translateY(0px);

}

50%{

transform:translateY(-8px);

}

}

/*=============
 Blue Glow
==============*/

.fb-avatar::after{

content:"";

position:absolute;

left:-8px;

right:-8px;

top:-8px;

bottom:-8px;

border-radius:50%;

background:

radial-gradient(circle,

rgba(24,119,242,.35),

transparent 70%);

z-index:-1;

filter:blur(12px);

animation:fbGlow 3.5s ease infinite;

}

@keyframes fbGlow{

0%,100%{

opacity:.45;

transform:scale(.95);

}

50%{

opacity:.9;

transform:scale(1.08);

}

}

/*=============
 Verified Badge
==============*/

.fb-info h2::after{

content:"";

display:inline-block;

width:22px;

height:22px;

margin-left:10px;

vertical-align:middle;

background:

url("https://upload.wikimedia.org/wikipedia/commons/e/e4/Twitter_Verified_Badge.svg")

center/contain no-repeat;

}

/*=============
 Premium Follow Button
==============*/

.fb-follow{

position:relative;

overflow:hidden;

}

.fb-follow::before{

content:"";

position:absolute;

top:-40%;

left:-140%;

width:60%;

height:220%;

background:

linear-gradient(

90deg,

transparent,

rgba(255,255,255,.75),

transparent);

transform:rotate(25deg);

transition:1.1s;

}

.fb-follow:hover::before{

left:180%;

}

/*=============
 Hover Effect
==============*/

.fb-buttons a:hover{

transform:

translateY(-4px)

scale(1.03);

}

/*=============
 Feed Overlay
==============*/

.fb-gallery a{

position:relative;

overflow:hidden;

}

.fb-gallery a::before{

content:"📘";

position:absolute;

left:0;

top:0;

width:100%;

height:100%;

display:flex;

align-items:center;

justify-content:center;

background:

rgba(24,119,242,.55);

font-size:34px;

opacity:0;

transition:.35s;

z-index:2;

}

.fb-gallery a:hover::before{

opacity:1;

}

.fb-gallery img{

transition:

transform .45s,

filter .45s;

}

.fb-gallery a:hover img{

transform:scale(1.08);

filter:brightness(.85);

}

/*=============
 Card Hover
==============*/

.fb-card{

transition:

transform .35s,

box-shadow .35s;

}

.fb-card:hover{

transform:

translateY(-8px);

box-shadow:

0 35px 80px rgba(0,0,0,.18);

}

/*=============
 Stats Animation
==============*/

.fb-stats strong{

transition:.35s;

}

.fb-stat:hover strong{

color:#0d65d9;

}

/*=============
 Responsive
==============*/

@media(max-width:768px){

.fb-avatar{

animation:none;

}

.fb-avatar::after{

display:none;

}

.fb-info h2::after{

width:18px;

height:18px;

}

}

</style>

 

=======================================
PART 4
=======================================  

<style>

/*==================================================
 FACEBOOK PAGE WIDGET PREMIUM v2.0
 PART 04 - FINAL PREMIUM EFFECTS
==================================================*/

/* Aurora Cover Animation */

.fb-cover{

background:

linear-gradient(
-45deg,
#1877F2,
#0A5AD4,
#3B82F6,
#60A5FA);

background-size:300% 300%;

animation:fbAurora 10s ease infinite;

}

@keyframes fbAurora{

0%{background-position:0% 50%;}

50%{background-position:100% 50%;}

100%{background-position:0% 50%;}

}

/* Floating Cover Image */

.fb-cover img{

mix-blend-mode:screen;

opacity:.92;

}

/* Official Badge */

.fb-card::after{

content:"OFFICIAL PAGE";

position:absolute;

top:18px;

right:18px;

padding:8px 16px;

border-radius:999px;

background:rgba(255,255,255,.20);

backdrop-filter:blur(12px);

border:1px solid rgba(255,255,255,.35);

font-size:11px;

font-weight:bold;

letter-spacing:1px;

color:#fff;

box-shadow:

0 8px 20px rgba(0,0,0,.15);

}

/* Better Buttons */

.fb-buttons a{

position:relative;

overflow:hidden;

}

.fb-buttons a::after{

content:"";

position:absolute;

top:-45%;

left:-150%;

width:70%;

height:220%;

background:

linear-gradient(

90deg,

transparent,

rgba(255,255,255,.45),

transparent);

transform:rotate(28deg);

transition:1.2s;

}

.fb-buttons a:hover::after{

left:180%;

}

/* Gallery Card */

.fb-gallery a{

background:#fff;

box-shadow:

0 8px 18px rgba(0,0,0,.08);

}

.fb-gallery a:hover{

box-shadow:

0 18px 40px rgba(24,119,242,.25);

}

/* Better Typography */

.fb-info h2{

letter-spacing:-.4px;

}

.fb-info p{

max-width:650px;

}

/* Soft Animation */

.fb-card{

animation:fadeUp .8s ease;

}

@keyframes fadeUp{

from{

opacity:0;

transform:translateY(40px);

}

to{

opacity:1;

transform:none;

}

}

/* Responsive */

@media(max-width:768px){

.fb-card::after{

font-size:10px;

padding:6px 12px;

top:12px;

right:12px;

}

}

</style> 

 

 

 EDIT HTML

 

 

 

Widget Profile Instagram

Copy Paste Seluruh Bagian Kode HTML ini Menjadi 1 Kode HTML Secara berurutan untuk menghasilkan Widget Feeds Instagram Yang Terlihat Premium.

=================================================
PART 1
=================================================

 <!-- ==========================================================
 Instagram Profile Widget Premium v1.0
 PART 01 - HTML Structure
 Edit bagian CONFIG saja untuk akun Instagram lain.
=========================================================== -->

<div id="ig-widget">

<!-- ==========================
     CONFIG
=========================== -->

<!--
PROFILE PHOTO
https://YOUR-PROFILE-PHOTO.jpg

DISPLAY NAME
Nama Anda

USERNAME
@username

PROFILE URL
https://instagram.com/username

POSTS
125

FOLLOWERS
12.5K

FOLLOWING
580

BIO
Tulis bio singkat di sini.

FEED IMAGES

https://IMAGE-01.jpg
https://IMAGE-02.jpg
https://IMAGE-03.jpg
https://IMAGE-04.jpg
https://IMAGE-05.jpg
https://IMAGE-06.jpg

-->

<div class="ig-card">

<div class="ig-cover"></div>

<div class="ig-header">

<div class="ig-avatar">

<img
src="https://via.placeholder.com/220x220.png?text=PHOTO"
alt="Instagram Profile">

</div>

<div class="ig-info">

<h2 class="ig-name">
Nama Anda
</h2>

<div class="ig-username">
@username
</div>

<div class="ig-stats">

<div class="ig-stat">

<strong>125</strong>

<span>Posts</span>

</div>

<div class="ig-stat">

<strong>12.5K</strong>

<span>Followers</span>

</div>

<div class="ig-stat">

<strong>580</strong>

<span>Following</span>

</div>

</div>

<p class="ig-bio">

Tulis bio singkat di sini.

</p>

<div class="ig-buttons">

<a
class="ig-btn ig-follow"
href="https://instagram.com/username"
target="_blank">

Follow

</a>

<a
class="ig-btn ig-view"
href="https://instagram.com/username"
target="_blank">

View Profile

</a>

</div>

</div>

</div>

<!-- ==========================
     FEED PREVIEW
=========================== -->

<div class="ig-gallery">

<a href="https://instagram.com/username" target="_blank">

<img src="https://via.placeholder.com/400" alt="Feed 1">

</a>

<a href="https://instagram.com/username" target="_blank">

<img src="https://via.placeholder.com/400" alt="Feed 2">

</a>

<a href="https://instagram.com/username" target="_blank">

<img src="https://via.placeholder.com/400" alt="Feed 3">

</a>

<a href="https://instagram.com/username" target="_blank">

<img src="https://via.placeholder.com/400" alt="Feed 4">

</a>

<a href="https://instagram.com/username" target="_blank">

<img src="https://via.placeholder.com/400" alt="Feed 5">

</a>

<a href="https://instagram.com/username" target="_blank">

<img src="https://via.placeholder.com/400" alt="Feed 6">

</a>

</div>

</div>

</div> 

=================================================
PART 2
=================================================

<style>

/*====================================================
 Instagram Profile Widget Premium v1.0
 PART 02 - Premium CSS
====================================================*/

#ig-widget{
max-width:980px;
margin:40px auto;
padding:20px;
font-family:Arial,Helvetica,sans-serif;
}

#ig-widget *{
box-sizing:border-box;
}

.ig-card{

overflow:hidden;

border-radius:28px;

background:
rgba(255,255,255,.92);

backdrop-filter:blur(18px);

box-shadow:
0 25px 60px rgba(0,0,0,.12);

border:1px solid rgba(255,255,255,.45);

transition:.35s;

}

.ig-card:hover{

transform:translateY(-6px);

box-shadow:
0 35px 70px rgba(0,0,0,.16);

}

.ig-cover{

height:170px;

background:

linear-gradient(
135deg,
#833AB4,
#C13584,
#E1306C,
#F56040,
#FCAF45
);

position:relative;

overflow:hidden;

}

.ig-cover:before{

content:"";

position:absolute;

width:320px;
height:320px;

border-radius:50%;

background:

rgba(255,255,255,.12);

top:-140px;
right:-90px;

}

.ig-cover:after{

content:"";

position:absolute;

width:240px;
height:240px;

border-radius:50%;

background:

rgba(255,255,255,.08);

bottom:-120px;
left:-70px;

}

.ig-header{

display:flex;

gap:28px;

padding:0 35px 35px;

margin-top:-75px;

position:relative;

z-index:2;

}

.ig-avatar{

width:150px;
height:150px;

border-radius:50%;

padding:6px;

background:

linear-gradient(
135deg,
#833AB4,
#E1306C,
#FCAF45);

box-shadow:

0 15px 35px rgba(0,0,0,.18);

flex-shrink:0;

}

.ig-avatar img{

width:100%;
height:100%;

object-fit:cover;

border-radius:50%;

display:block;

background:#fff;

}

.ig-info{

flex:1;

padding-top:82px;

}

.ig-name{

margin:0;

font-size:34px;

font-weight:700;

color:#222;

}

.ig-username{

margin-top:6px;

font-size:17px;

color:#777;

}

.ig-stats{

display:flex;

gap:30px;

margin:22px 0;

flex-wrap:wrap;

}

.ig-stat{

text-align:center;

}

.ig-stat strong{

display:block;

font-size:24px;

color:#111;

}

.ig-stat span{

font-size:14px;

color:#777;

}

.ig-bio{

font-size:15px;

line-height:1.8;

color:#444;

margin:18px 0 24px;

}

.ig-buttons{

display:flex;

gap:14px;

flex-wrap:wrap;

}

.ig-btn{

padding:14px 26px;

border-radius:999px;

font-weight:bold;

text-decoration:none;

transition:.3s;

font-size:15px;

}

.ig-follow{

background:

linear-gradient(
135deg,
#833AB4,
#E1306C,
#F56040);

color:#fff;

box-shadow:

0 12px 25px rgba(225,48,108,.35);

}

.ig-follow:hover{

transform:translateY(-3px);

}

.ig-view{

background:#fff;

color:#444;

border:1px solid #ddd;

}

.ig-view:hover{

background:#f5f5f5;

}

.ig-gallery{

display:grid;

grid-template-columns:

repeat(3,1fr);

gap:10px;

padding:0 20px 20px;

}

.ig-gallery a{

overflow:hidden;

border-radius:18px;

display:block;

}

.ig-gallery img{

width:100%;

aspect-ratio:1/1;

object-fit:cover;

display:block;

transition:.4s;

}

.ig-gallery img:hover{

transform:scale(1.08);

}

@media(max-width:768px){

.ig-header{

flex-direction:column;

align-items:center;

text-align:center;

margin-top:-60px;

padding:0 22px 28px;

}

.ig-avatar{

width:125px;

height:125px;

}

.ig-info{

padding-top:0;

}

.ig-name{

font-size:28px;

}

.ig-buttons{

justify-content:center;

}

.ig-gallery{

grid-template-columns:

repeat(2,1fr);

padding:0 15px 15px;

}

}

@media(max-width:480px){

#ig-widget{

padding:10px;

}

.ig-cover{

height:135px;

}

.ig-gallery{

grid-template-columns:

repeat(2,1fr);

gap:8px;

}

.ig-btn{

width:100%;

text-align:center;

}

}

</style>

 

=================================================
PART 3
=================================================

<style>

/*==========================================
 PART 03
 Premium Animation & Effects
==========================================*/

/* ---------- VERIFIED BADGE ---------- */

.ig-name::after{

content:"✓";

display:inline-flex;

justify-content:center;

align-items:center;

margin-left:10px;

width:22px;

height:22px;

border-radius:50%;

background:#0095F6;

color:#fff;

font-size:13px;

font-weight:bold;

vertical-align:middle;

box-shadow:

0 0 12px rgba(0,149,246,.35);

}

/* ---------- FOLLOW BUTTON SHINE ---------- */

.ig-follow{

position:relative;

overflow:hidden;

}

.ig-follow::before{

content:"";

position:absolute;

top:-40%;

left:-120%;

width:60%;

height:220%;

background:

linear-gradient(

90deg,

transparent,

rgba(255,255,255,.55),

transparent

);

transform:rotate(25deg);

transition:1s;

}

.ig-follow:hover::before{

left:180%;

}

/* ---------- AVATAR GLOW ---------- */

.ig-avatar{

animation:

avatarGlow 4s ease-in-out infinite;

}

@keyframes avatarGlow{

0%,100%{

box-shadow:

0 15px 35px rgba(0,0,0,.18),

0 0 0 rgba(225,48,108,.15);

}

50%{

box-shadow:

0 18px 45px rgba(0,0,0,.18),

0 0 35px rgba(225,48,108,.35);

}

}

/* ---------- FEED ---------- */

.ig-gallery a{

position:relative;

}

.ig-gallery a::after{

content:"📷 Instagram";

position:absolute;

left:0;

top:0;

width:100%;

height:100%;

display:flex;

justify-content:center;

align-items:center;

background:

rgba(0,0,0,.42);

color:#fff;

font-size:15px;

font-weight:bold;

opacity:0;

transition:.35s;

letter-spacing:.5px;

}

.ig-gallery a:hover::after{

opacity:1;

}

/* ---------- IMAGE ---------- */

.ig-gallery img{

transition:

transform .45s,

filter .45s;

}

.ig-gallery a:hover img{

transform:scale(1.08);

filter:brightness(.88);

}

/* ---------- CARD ---------- */

.ig-card{

position:relative;

overflow:hidden;

}

.ig-card::before{

content:"";

position:absolute;

top:-200px;

right:-120px;

width:320px;

height:320px;

border-radius:50%;

background:

rgba(255,255,255,.08);

pointer-events:none;

}

/* ---------- BUTTON ---------- */

.ig-btn{

letter-spacing:.3px;

}

.ig-btn:hover{

transform:

translateY(-3px);

}

/* ---------- MOBILE ---------- */

@media(max-width:768px){

.ig-name::after{

width:18px;

height:18px;

font-size:11px;

margin-left:8px;

}

}

</style> 

=================================================
PART 4
=================================================

<style>

/*==================================================
 Instagram Profile Widget Premium v1.0
 PART 04 - Final Premium Effects
==================================================*/

/* Aurora Background */

.ig-cover{
background-size:300% 300%;
animation:igAurora 10s ease infinite;
}

@keyframes igAurora{

0%{background-position:0% 50%;}

50%{background-position:100% 50%;}

100%{background-position:0% 50%;}

}

/* Floating Avatar */

.ig-avatar{

animation:
avatarFloat 5s ease-in-out infinite,
avatarGlow 4s ease-in-out infinite;

}

@keyframes avatarFloat{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-6px);

}

}

/* Badge */

.ig-card::after{

content:"FOLLOW ME";

position:absolute;

top:18px;

right:18px;

padding:8px 14px;

border-radius:999px;

background:rgba(255,255,255,.18);

backdrop-filter:blur(10px);

border:1px solid rgba(255,255,255,.35);

font-size:11px;

font-weight:bold;

letter-spacing:1px;

color:#fff;

box-shadow:

0 10px 25px rgba(0,0,0,.12);

}

/* Feed Border */

.ig-gallery a{

border:2px solid rgba(255,255,255,.45);

transition:.35s;

}

.ig-gallery a:hover{

border-color:#E1306C;

}

/* Button Animation */

.ig-btn{

transition:

transform .35s,

box-shadow .35s,

background .35s;

}

.ig-follow:hover{

box-shadow:

0 18px 35px rgba(225,48,108,.45);

}

.ig-view:hover{

box-shadow:

0 12px 28px rgba(0,0,0,.12);

}

/* Smooth Card */

.ig-card{

transition:

transform .35s,

box-shadow .35s;

}

.ig-card:hover{

transform:

translateY(-8px);

}

/* Better Text */

.ig-bio{

max-width:620px;

}

/* Responsive */

@media(max-width:768px){

.ig-card::after{

top:12px;

right:12px;

font-size:10px;

padding:6px 10px;

}

}

</style>

 


=================================================


EDIT HTML 

 

Embed HTML Google Sites Ikan Eksport

Cek Tampilannya Disini 


 

=================================================

PHOTO CIRCLE MELAYANG 

=================================================

 <div style="display:flex;justify-content:center;align-items:center;padding:20px;background:transparent;">

<style>

.ie-avatar-wrap{
display:flex;
justify-content:center;
align-items:center;
width:100%;
}

.ie-glass{

position:relative;

width:300px;
height:300px;

border-radius:50%;

overflow:hidden;

display:flex;
justify-content:center;
align-items:center;

background:rgba(255,255,255,.10);

backdrop-filter:blur(18px);

border:1px solid rgba(255,255,255,.35);

box-shadow:
0 0 20px rgba(37,211,102,.25),
0 0 50px rgba(37,211,102,.20),
0 20px 45px rgba(0,0,0,.18);

animation:floatImage 5s ease-in-out infinite;

}

.ie-glass::before{

content:"";

position:absolute;

inset:-25%;

background:
radial-gradient(circle,
rgba(37,211,102,.22),
transparent 70%);

animation:pulseGlow 4s ease-in-out infinite;

z-index:1;

}

.ie-glass img{

position:absolute;

inset:0;

width:100%;
height:100%;

/* Bagian penting */

object-fit:cover;

object-position:center bottom;

/* ---------------- */

z-index:2;

transform:scale(1.12);

user-select:none;

pointer-events:none;

}

@keyframes floatImage{

0%,100%{
transform:translateY(0);
}

50%{
transform:translateY(-10px);
}

}

@keyframes pulseGlow{

0%,100%{
opacity:.45;
transform:scale(.95);
}

50%{
opacity:.9;
transform:scale(1.08);
}

}

@media(max-width:768px){

.ie-glass{
width:220px;
height:220px;
}

}

@media(max-width:480px){

.ie-glass{
width:180px;
height:180px;
}

}

</style>

<div class="ie-avatar-wrap">

<div class="ie-glass">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5CEx4uDjpSmyDe3ijNvkL-93U-eykcGTqxwb1RLc8xvGygLuvWcbxX0oKMX0WQc7cw0PH5odVYLbmgJZo3mIZ7gKJxz9Vo3aQtdHZGweUn6f_T9n0xMLvVmjwEdiwWwfN7h76_9IEe_sTIs43Lall8hv1FUGU2IemsTmj8Eg4mXTNrkMtMu0_S3G-vF8/s320/ISKANDAR%20DORMAN%20-%20KAOS%20IKAN%20EKSPORT%20-%20BACKGROUND%20TRANSPARAN%20square.png">

</div>

</div>

</div>

 

=================================================

ISI ARTIKEL 

=================================================

<div style="max-width:960px;margin:30px auto;padding:20px;">

<style>

.ikan-card{
background:rgba(255,255,255,.12);
backdrop-filter:blur(10px);
border:1px solid rgba(255,255,255,.25);
border-radius:24px;
padding:32px;
box-shadow:0 12px 35px rgba(0,0,0,.08);
animation:fadeUp .9s ease both;
font-family:Arial,Helvetica,sans-serif;
}

.ikan-header{
display:flex;
align-items:center;
gap:16px;
margin-bottom:24px;
}

.ikan-icon{
width:60px;
height:60px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:linear-gradient(135deg,#25D366,#128C7E);
font-size:30px;
color:#fff;
box-shadow:0 8px 20px rgba(37,211,102,.35);
flex-shrink:0;
}

.ikan-title{
margin:0;
font-size:clamp(30px,5vw,42px);
font-weight:700;
line-height:1.1;
background:linear-gradient(135deg,#25D366,#128C7E);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
background-clip:text;
}

.ikan-line{
width:70px;
height:4px;
background:#25D366;
border-radius:10px;
margin-top:8px;
}

.ikan-body{
border-left:4px solid #25D366;
padding-left:22px;
}

.ikan-body p{
margin:0 0 18px;
font-size:clamp(14px,2vw,17px);
line-height:1.9;
color:#444;
text-align:justify;
}

.ikan-body p:last-child{
margin-bottom:0;
}

.ikan-body strong{
color:#128C7E;
}

@keyframes fadeUp{
from{
opacity:0;
transform:translateY(30px);
}
to{
opacity:1;
transform:translateY(0);
}
}

@media(max-width:768px){

.ikan-card{
padding:24px;
}

.ikan-header{
flex-direction:column;
align-items:flex-start;
gap:12px;
}

.ikan-icon{
width:54px;
height:54px;
font-size:26px;
}

.ikan-body{
padding-left:16px;
}

}

</style>

<div class="ikan-card">

<div class="ikan-header">

<div class="ikan-icon">💬</div>

<div>

<h2 class="ikan-title">Tanya Ikan Eksport</h2>

<div class="ikan-line"></div>

</div>

</div>

<div class="ikan-body">

<p>
Banyak di antara pengunjung website ini yang mengenal saya dari sejumlah konten <strong>Ikan Eksport</strong> yang tersebar di mesin pencari seperti Google maupun di media sosial. Bisa jadi, Anda juga berada di sini karena sedang mencari informasi mengenai bisnis ikan eksport.
</p>

<p>
Saya <strong>Iskandar Dorman</strong>, telah bekerja di perusahaan eksportir hasil laut sejak tahun <strong>2004</strong>. Saya siap berbagi informasi dan pengalaman tentang bisnis ikan eksport, baik secara teknis maupun administratif.
</p>

<p>
Saat ini saya masih terikat kontrak dengan salah satu perusahaan supplier dan eksportir ikan segar serta hasil laut di Makassar. Saya juga membantu administrasi dan bekerja di beberapa perusahaan serupa sebagai konsultan administrasi dan akuntan untuk perusahaan Frozen Fish maupun Live Fish.
</p>

<p>
Kalau ingin bertanya-tanya, silakan menghubungi saya melalui WhatsApp. Mohon maaf apabila saya lambat merespons. Anda juga dapat mengikuti instruksi dari Auto Reply (AI) yang akan membantu menjawab pertanyaan awal secara otomatis.
</p>

</div>

</div>

</div> 

 

 

=================================================

TOMBOL WHATSAPP & BLOGSPOT 

=================================================

 <div style="max-width:950px;margin:auto;padding:20px;">

<style>

.ie-wrap{
display:flex;
gap:18px;
justify-content:center;
align-items:stretch;
flex-wrap:wrap;
font-family:Arial,Helvetica,sans-serif;
}

.ie-card{

position:relative;

flex:1 1 340px;

min-width:280px;

overflow:hidden;

border-radius:22px;

padding:22px;

text-decoration:none;

color:#fff;

backdrop-filter:blur(14px);

border:1px solid rgba(255,255,255,.22);

box-shadow:
0 15px 40px rgba(0,0,0,.14);

transition:.35s;

}

.ie-card:hover{

transform:
translateY(-8px);

box-shadow:
0 25px 55px rgba(0,0,0,.20);

}

.ie-card::before{

content:"";

position:absolute;

top:-120%;

left:-30%;

width:60%;

height:300%;

background:
linear-gradient(
90deg,
transparent,
rgba(255,255,255,.30),
transparent);

transform:rotate(25deg);

transition:1s;

}

.ie-card:hover::before{

left:150%;

}

.ie-wa{

background:
linear-gradient(
135deg,
#25D366,
#18C964,
#128C7E);

}

.ie-blog{

background:
linear-gradient(
135deg,
#ff9800,
#ff7a00,
#ef6c00);

}

.ie-top{

display:flex;

align-items:center;

gap:15px;

margin-bottom:18px;

}

.ie-icon{

width:58px;

height:58px;

border-radius:50%;

background:
rgba(255,255,255,.18);

display:flex;

align-items:center;

justify-content:center;

flex-shrink:0;

box-shadow:
0 0 18px rgba(255,255,255,.18);

}

.ie-icon svg{

width:28px;

height:28px;

fill:#fff;

}

.ie-title{

font-size:22px;

font-weight:bold;

line-height:1.2;

}

.ie-desc{

font-size:14px;

line-height:1.7;

opacity:.95;

margin-bottom:22px;

}

.ie-button{

display:inline-flex;

align-items:center;

justify-content:center;

padding:13px 24px;

border-radius:50px;

background:
rgba(255,255,255,.18);

border:1px solid rgba(255,255,255,.25);

font-weight:bold;

font-size:14px;

backdrop-filter:blur(6px);

transition:.3s;

}

.ie-card:hover .ie-button{

background:#fff;

color:#222;

}

@media(max-width:768px){

.ie-wrap{

flex-direction:column;

}

.ie-card{

min-width:100%;

}

}

</style>

<div class="ie-wrap">

<a class="ie-card ie-wa"
href="https://whatsapp.com/channel/0029Vacs67K9cDDTkGogm421"
target="_blank">

<div class="ie-top">

<div class="ie-icon">

<svg viewBox="0 0 32 32">
<path d="M16 3C8.8 3 3 8.8 3 16c0 2.3.6 4.5 1.7 6.5L3 29l6.7-1.7A13 13 0 1016 3z"/>
</svg>

</div>

<div class="ie-title">
Ikuti Saluran WhatsApp
</div>

</div>

<div class="ie-desc">

Dapatkan informasi terbaru, tips bisnis ikan eksport, serta update konten secara langsung melalui Channel WhatsApp.

</div>

<div class="ie-button">

Gabung Sekarang →

</div>

</a>

<a class="ie-card ie-blog"
href="https://ikaneksport.blogspot.com/p/faq.html"
target="_blank">

<div class="ie-top">

<div class="ie-icon">

<svg viewBox="0 0 24 24">
<path d="M5 2h8a7 7 0 010 14H9v6H5V2zm4 10h4a3 3 0 000-6H9v6z"/>
</svg>

</div>

<div class="ie-title">
Info Ikan Eksport
</div>

</div>

<div class="ie-desc">

Pelajari panduan, FAQ, artikel, serta berbagai informasi seputar dunia ikan eksport secara lengkap.

</div>

<div class="ie-button">

Baca Selengkapnya →

</div>

</a>

</div>

</div> 

=================================================

EDIT HTML INI

=================================================  

  

 

Widget Untuk Preview 3 Photo

COPY SELURUH HTML DI BAWAH, DAN UBAH HANYA BAGIAN YANG DI WARNAI MERAH 

=========================================== 

<!DOCTYPE html>
<html lang="id"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>Google Sites Photo Preview Slider</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<style>
:root{
--title:"Pasukan Dorman";
}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:transparent;padding:18px}
.wrap{max-width:430px;margin:auto}
.card{background:rgba(255,255,255,.72);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8);border-radius:24px;padding:14px;box-shadow:0 20px 45px rgba(0,0,0,.16)}
h2{
    text-align:center;
    margin:4px 0 14px;
    font-size:24px;
    font-weight:700;
    line-height:1.3;
    background:linear-gradient(#39d98a,#0e8b58);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}
.frame{background:#fff;padding:8px;border-radius:18px;box-shadow:0 8px 18px rgba(0,0,0,.12)}
.swiper{aspect-ratio:1/1;border-radius:14px;overflow:hidden}
.swiper img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.swiper-slide:hover img{transform:scale(1.08)}
.swiper-pagination{bottom:8px!important}
.swiper-pagination-bullet-active{background:#18a058!important}
.btn{display:block;text-align:center;margin-top:16px;padding:14px;border-radius:999px;text-decoration:none;color:#fff;font-weight:bold;background:linear-gradient(#39d98a,#0e8b58);position:relative;overflow:hidden}
.btn:before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.8),transparent);animation:shine 2.5s linear infinite}
@keyframes shine{to{left:170%}}
.reveal{opacity:0;transform:translateY(30px) scale(.98);transition:.8s}.reveal.show{opacity:1;transform:none}
</style></head><body>
<!-- EDIT BAGIAN INI SAJA
Judul: Moment Idul Fitri 2026
Link Artikel: https://aboutiskandar.blogspot.com/2026/03/moment-lebaran-idul-fitri-1447h-maret.html
LINK_GAMBAR_1
LINK_GAMBAR_2
LINK_GAMBAR_3
-->
<div class="wrap"><div class="card reveal"><h2>Pasukan Dorman (IG)</h2><div class="frame"><div class="swiper"><div class="swiper-wrapper">
<div class="swiper-slide"><a href="https://www.instagram.com/pasukandorman"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEhThobNRFthSPRLmZqgIz9sTI75fsJY1lbrNfJweJSS7L0gXtzDSsO_LRpHsfaFwETcs42cxxPdTb0M5E7-ntv9OFPFH0eqPy4GiGbtg3EB1RbF09KnlMThPdWV6-6KbT2ugw1daTgJx_wjDaO9vGhMXXFRua62nqgFd6YRkwtH4jPfVRm1ad78uF0AEFk"></a></div>
<div class="swiper-slide"><a href="https://www.instagram.com/pasukandorman"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEjsPKZEVDHSmkbmkOL0mrHWYkccfaTkJnUlXNhIyL-NRI3m-FB0pon3EXkXTcQe8tSNcvVvnt1ittGGHfzY9pbfohilkdIrMxbkCK61YmNVT_MzG3D9apqDqi0ZtdwrqLxB7f5F-Yzrkm_EQS6KFSgf2sgZH21AtgddyHrF0pw9a5fFeV712lZXEJlYLtA"></a></div>
<div class="swiper-slide"><a href="https://www.instagram.com/pasukandorman"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLuuc-SU2-VhDmLupgB8aU7nkkZ_L1lNA-bfGb8KZvaXta_bP_TTkiXHoeJGwaWT40voEZg81S1Xwla2gJFk3MSqrTA_bC6x0a6l-lbrYtg9hiwmTUDAuNkwn-hNsyuHYSB2Wdl4vatzc/s1600/1670683799674070-3.png"></a></div>
</div><div class="swiper-pagination"></div></div></div>
<a class="btn" href="https://www.instagram.com/pasukandorman" target="_blank">View More Photos</a>
</div></div>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script>
new Swiper('.swiper',{loop:true,autoplay:{delay:2500,disableOnInteraction:false,pauseOnMouseEnter:true},pagination:{el:'.swiper-pagination',clickable:true}});
new IntersectionObserver(es=>es.forEach(e=>{if(e.isIntersecting)e.target.classList.add('show')}),{threshold:.2}).observe(document.querySelector('.reveal'));
</script></body></html>

 =========================================== 

 

 EDIT HTML

10 Artikel Terpopuler di BLOG Nandar