Jika sobat blogger adalah tipe orang yang suka menghiasi tema blog dengan banyak widget, sobat perlu tau cara untuk Menyembunyikan dan Menampilkan widget di halaman tertentu. Hal ini di maksudkan agar laman blog sobat tidak di penuhi oleh beberapa widget yang tidak berguna, sehingga terlihat mengganggu.
Mungkin tutorial seperti ini sudah ada banyak di mesin pencari Google, namun ada juga beberapa artikel yang tidak membahas tuntas secara lengkap. Jadi pada artikel ini akan saya bahas dengan lengkap.
Menampilkan Dan Menyembunyikan Widget Di Halaman Tertentu
Silahkan backup template blogger anda terlebih dahulu, untuk menghindari kesalahan modifikasi yang akan membuat blog jadi berantakan.
Jika sudah di backup, dan file cadangan selesai di download, sekarang waktunya redesain! masih di halaman Tema > klik Edit HTML. Kemudian pilih widget yang ingin kalian sembunyikan atau tampilkan di halaman tertuntu, Bagaimana caranya? lihat gambar di bawah ini.
Cari tag <b:includable id='main'> yang ada pada bagian kode widget yang ingin kamu modifikasi, lalu untuk modifikasi silahkan simak dengan cermat kode di bawah ini.
Menampilkan Widget Blogger Hanya Pada Home Page Saja
Contoh: jika sobat ingin menampilkan widget blogger hanya pada halaman home atau index saja tambahkan code <b:if cond='data:blog.url == data:blog.homepageUrl'> tepat di bawah <b:includable id='main'> dan jangan lupa kasih tag penutup.
Jadi jika di ilustrasikan kira-kira kode akan tampak seperti di bawah ini.
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
...
</b:if>
</b:includable>
Bagaimana, sudah mengerti? cukup rumit memang menjelaskannya, tapi jika sobat sudah biasa melakukan modifikasi pada tema blogger pasti mengerti.
Menampilkan Widget Blogger Hanya Di Halaman Post Artikel
Lalu bagaimana jika kita ingin menampilkan widget hanya pada halaman postingan saja? Caranya sama seperti yang sudah saya jelaskan di atas, sobat hanya perlu mengganti kode <b:if cond='data:blog.url == data:blog.homepageUrl'> dengan kode <b:if cond='data:blog.pageType == "item"'> jadinya seperti ini<./p>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
...
</b:if>
</b:includable>
Menampilkan Widget Blogger Hanya Pada URL Tertentu
Dari code di bawah ini, ubah bagian yang saya tandai dengan URL Halaman agar widget blog akan tampil di halaman tsb.
<b:includable id='main'>
<b:if cond='data:blog.url == "URL Halaman di sini"'>
...
</b:if>
</b:includable>
Hasilnya jika dilihat dari keseluruhan kode widget akan terlihat seperti ini
<b:widget id='HTML5' locked='true' title='Nama Widget' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'>
<![CDATA[ HTML widget ]]>
</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:include name='widget-title' />
<div class='widget-content'>
<data:content />
</div>
</b:if>
</b:includable>
</b:widget>
