Tutorial: Cara Membuat Disclosure Affiliate Muncul Otomatis di Postingan Bersponsor di Blogspot

BeniSubianto.web.id - Halo teman-teman blogger! Kalau kamu sering nulis postingan sponsored atau pakai affiliate link, pasti tahu dong kalau harus ada Disclosure atau Pengungkapan bahwa postingan itu mengandung link berbayar atau ada komisi. Biar comply sama aturan (seperti FTC guidelines) dan transparan ke pembaca.

Nah, daripada manual nambahin disclosure tiap postingan, lebih enak kan kalau otomatis muncul cuma di postingan yang punya label tertentu, misalnya "Sponsored"?

Di artikel ini, aku bakal kasih tutorial lengkap cara bikin kotak disclosure yang keren (dengan shadow biar bagus) muncul otomatis pakai conditional tag di template Blogger. Gampang kok, asal ikutin step-by-step!

Kenapa Pakai Cara Ini?

• Otomatis: Cuma muncul di postingan dengan label "sponsored" (atau label lain yang kamu tentuin).
• Rapi: Muncul di atas konten postingan.
• Profesional: Ada efek shadow dan desain bagus.
• Aman: Gak muncul di homepage, archive, atau postingan biasa.

Persiapan

1. Buat label khusus, misalnya "Sponsored" atau "sponsored". Tiap postingan yang butuh disclosure, kasih label ini.
2. Backup template dulu! Masuk ke Template > Backup/Restore > Download template. Biar kalau ada salah, bisa balikin.

Langkah-Langkah

1. Masuk ke dashboard Blogger.
2. Klik Template (atau Tema) > Edit HTML.
3. Tekan Ctrl + F untuk cari kode ini: <data:post.body/>
   (Ini tag yang nampilin isi postingan. Biasanya ada beberapa, pilih yang di dalam <b:includable id='post' var='post'> atau yang utama di bagian post body.)
4. Tempel kode di bawah ini tepat di atas tag <data:post.body/> yang kamu temuin.

<b:if cond='data:post.labels any (l => l.name == "Sponsored")'>
    <div style="
        max-width: auto;
        margin: 30px auto;
        padding: 10px 15px;
        background-color: #f8f9fa;
        border-left: 4px solid #007bff;
        border-radius: 8px;
        font-family: Arial, sans-serif;
        font-size: 12px;
        line-height: 1.6;
        color: #333;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transition: box-shadow 0.3s ease;
    ">
        <p>
            <strong>Disclosure:</strong> Ini adalah postingan bersponsor. Website ini mungkin berisi link Afiliate, yang artinya saya bisa dapat komisi kalau kamu klik linknya dan beli sesuatu. Saya cuma rekomendasiin produk atau jasa yang saya pakai sendiri dan yakin bermanfaat buat pembaca. Makasih banyak atas dukungannya ya!
        </p>
    </div>
</b:if>

5. Ganti nama label kalau perlu: Di kode atas, ada "Sponsored". Ganti jadi nama label persis yang kamu pakai (huruf besar/kecil harus sama, misalnya "Sponsored" kalau labelmu kapital).
6. Klik Save template (atau Simpan tema).

Hasilnya Gimana?

• Buka postingan yang punya label "Sponsored" → Kotak disclosure muncul otomatis di atas isi postingan.
• Postingan lain → Gak ada disclosure.
• Hanya muncul di halaman postingan tunggal (bukan di homepage atau preview).

Gitu aja, gampang kan? Sekarang blog kamu lebih profesional dan comply sama aturan. Kalau ada yang bingung atau mau modifikasi (misalnya warna beda atau teks lebih panjang), tinggalkan komentar ya! Happy blogging!