Menyembuyikan Widget Pada Halaman Utama Blog

Pada postingan kali ini aku akan membahas mengenai bagaimana cara menyembunyikan widget ala magazine style. Pada kesempatan kali ini saya akan membahas mengenai cara lain untuk menyembunyikan element pada homepage atau content page blogspot agar template kita bergaya magazine template. Cara ini berfungsi untuk membedakan widget antara di homepage blog dan Content Blog atau posting blog dan cara yang akan saya jelaskan dibawah ini tentu saja agak mirip seperti postingan saya yang sebelumnya yakni merubah ukuran dan posisi sidebar dengan main wrapper.Ok langsung ke penjelasannya yach...



Untuk menyembunyikan widget tentu saja kita perlu mengetahui terlebih dahulu widget id (Contohnya: <b:widget id='HTML1) yang akan kita sembunyikan, untuk mengetahui widget id caranya seperti berikut

• Pertama-tama klik Rancangan >> Edit HTML >> kemudian klik "Expand Widget Templates"

• Sekarang cari widget id dari element yang akan kita sembunyikan, widget id biasanya diawali dengan kode seperti berikut ini:

<b:widget id='

• sebagai contohnya silahkan liat widget "Random Post" pada blog ini:

<b:widget id='HTML1' locked='false' title='Random Post' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

• Untuk menyembunyikan widget, yang harus kita lakukan adalah mengcopy code dibawah ini tepat dibawah code ]]></b:skin> pada halaman "edit HTML" blog kita.

Untuk menyembunyikan widget di content page

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
#HTML1 {display:none;}
</style>
</b:if>

Untuk menyembunyikan widget di home page

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>
#HTML1 {display:none;}
</style>
</b:if>

• Setelah itu Klik Simpan

• Selesai

Note :  Sesuaikan tulisan yang berwarna Hijau dengan id widget yang akan disembunyikan.


Semoga tutorial kali ini bermanfaat bagi Teman-Teman

Source : http://www.devbook.net/