Rabu, 11 Januari 2012

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 sobat menyadari bahwa widget yang tampil pada halaman homepage dan halaman ketika kita membuka posting berbeda?coba lihat homepage, di homepage tidak ada artikel terkait yang tampil, bandingkan dengan hamalan posting, di halaman posting artikel terkait tampil.
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 untuk 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 Lainnya' 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 Lainnya' 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"
Selanjutnya Simpan hasil kerja sobat dan lijat haslinya.
Semoga Bermanfaat

Tidak ada komentar:

Posting Komentar