Breaking News
Loading...
21 September 2012

cara menyembunyikan widget di homepage atau content page

10:27 AM
Untuk menyembunyikan widget/element, tahap pertama yang harus kita lakukan adalah mengetahui widget id element yang akan kita sembunyikan. Caranya silahkan masuk halaman "Edit HTML" blogger:
Layout >> 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 "Stay Connect with KBM" pada blog ini:
(Untuk lebih mempermudah teman-teman bisa langsung mencari title dari widget yang akan kita sembunyikan)
<b:widget id='HTML15' locked='false' title='Stay Connect With KBM' 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>

Setelah menemukan widget id maka kita cukup menambahkan beberapa kode HTML seperti dibawah ini untuk menyembunyikan widget tersebut di home page atau di content page:

Menampilkan widget hanya pada Home Page

Untuk menampilkan widget hanya pada halaman depan (home page) silahkan tambahkan kode yang berwarna merah dibawah ini pada kode HTML widget yang telah kita cari pada tahap sebelumnya:
<b:widget id='HTML15' locked='false' title='Stay Connect With KBM' 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 != ""'>
<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>

Menampilkan widget hanya pada Content Page

Sedangkan untuk menampilkan widget hanya pada halaman postingan (content page), kita cukup menambahkan kode berwarna merah berikut ini:
<b:widget id='HTML15' locked='false' title='Stay Connect With KBM' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>

Kedua kode di atas hanya contoh untuk menyembunyikan widget, kode di atas juga bisa digunakan untuk menyembunyikan seluruh sidebar, footer dan sebagainya.


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

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 contant 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>

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

0 komentar:

Post a Comment

 
Toggle Footer