Notification

×

Cara Membuat Widget Tampil Pada Halaman Tertentu

28 July 2010 | 12:55 WIB Last Updated 2021-09-18T09:04:43Z
Cara Membuat Widget Tampil Pada Halaman Tertentu
Mungkin sobat semua sudah banyak mengetahui bahwa mengatur posisi widget adalah salah satu hal yang bisa membuat pengunjung betah dengan blog kita, dimana design yang rapi merupakan salah satu keutamaan dalam blogging. untuk sobat semua yang sudah pernah membaca artikel di blog ini, pernahkah menyadari bahwa widget yang tampil pada halaman homepage dan halaman ketika kita membuka posting berbeda?coba lihat halaman ini, bandingkan dengan hamalan homepage, adakah yang berbeda?
jawabannya sobat sendiri yang tahu dan pastinya berbeda, nah untuk membuat widget hanya tampil pada halaman tertentu berikut adalah tutorialnya :
Untuk membuat widget hanya tampil di Home Page saja , kita hanya perlu menyisipkan kode seperti ini

<b:if cond='data:blog.url == data:blog.homepageUrl'>

Dan di beri kode penutup seperti ini

</b:if>

Kalau membuat widget hanya tampil pada halaman posting saja , kodenya seperti ini

<b:if cond='data:blog.pageType == &quot;item&quot;'>

Dan di beri kode penutup seperti ini

</b:if>

Kode diatas adalah kode untuk menghilangkan widgetnya, dan sebelum menghilangkan widget tersebut, sobat harus tahu widget yang akan di hilangkan dan pahami struktur widgetnya ..
Pertama masuk ke account blog sobat, klik rancangan lalu edit HTML (jangan lupa ex[and widget templates)
Cari kode <b:widget id=
Contoh lengkapnya seperti di bawah ini :
<b:widget id='HTML14' locked='false' title='Artikel Terkait' 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>
Sisipkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> di bawah kode <b:includable id='main'>
Dan kode penutup </b:if> di bawah kode <b:include name='quickedit'/>

Hingga menjadi seperti ini :

<b:widget id='HTML14' locked='false' title='Artikel Terkait' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- 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:if>
</b:includable>
</b:widget>

""Contoh Widget Hanya Tampil di Home Page dan Hilang di Postingan""
jangan lupa simpan hasil kerja sobat, selamat mencoba
×