Membuat Widget Muncul di Bawah Postingan dan Hanya Muncul Saat Postingan Terbuka

Masya Allah! Judulnya panjang banget! Apaan tuh maksudnya?

Maksudnya, membuat widget yang muncul di bawah postingan dan hanya muncul jika postingan dibuka. Sedangkan di homepage, widget tersebut tidak akan muncul.

Seperti ini nih tampilan di homepage.

Sedangkan jika kita membuka salah satu postingan, tampilannya menjadi seperti ini.

Bagaimana? Menarik bukan? Nih, cara membuatnya.

1. Pertama-tama login ke Blogger, selanjutnya pilih menu Tata Letak > Edit HTML.

2. Backup dulu templatenya.

3. Centang checkbox Expand Template Widget.

4. Cari kode dibawah ini.

]]></b:skin>

5. Nah, lalu ketikkan kode berikut ini diatas kode ]]></b:skin>.

#postonly{
display:none;
border:1px solid #000000;
padding:5px;
margin-top:10px;}

6. Cari kode berikut ini.

</head>

7. Lalu taruh kode berikut ini diatasnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#postonly{display:block; border:1px solid #000000; padding:5px; margin-top:10px;}
</style>
</b:if>

8. Kalau sudah, cari kode berikut ini.

<p><data:post.body/></p>

9. Lalu, ketikkan kode berikut dibawah kode diatas.

<div id='postonly'>
Ketikkan kode widget/HTML yang diinginkan disini.
</div>

10. Lalu simpan.

Nah, widget tersebut tidak akan muncul di homepage. Tetapi akan muncul ketika pengunjung mengklik salah satu postingan.

Apabila anda menyukai postingan ini, anda bisa men-sharenya ke yang lain. Semisal ke Facebook atau Twitter. Silakan klik salah satu pilihan dibawah.

Artikel Menarik Lainnya