Membuat Widget Hanya Terlihat Pada Halaman Post

Dengan menambahkan beberapa kode pada template, kita bisa membuat sebuah widget hanya tampil pada halaman membaca artikel (Post page) saja,dan tidak tampil pada halaman depan blog (Home Page). Bagaimana caranya? Kita pakai cara yang paling mudah aja.. Let see.

1. Login ke Account/Dashboard blog kalian,kemudian pilih tab Design/Rancangan.

2. Masuk ke menu Edit HTML.

3. Cari kode

]]></b:skin>

4. Ganti kode tersebut dengan kode di bawah ini :

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

]]></b:skin>

5. Perhatikan teks berwarna biru diatas.. itu adalah kode id elemen yang akan kita buat tampil di halaman artikel /post saja. Ganti kode tersebut dengan id widget kalian. Bagaimana cara mengetahui kode id tersebut pada template kalian?

Kalian bisa mencari berdasarkan judul widgetnya. Teks warna merah dibawah adalah judul widget,sedangkan yang berwarna biru adalah id widgetnya.

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Subscribe' type='HTML'/>
<b:widget id='HTML2' locked='false' title='Free Template' type='HTML'/>
<b:widget id='HTML3' locked='false' title='New Tutorial' type='HTML'/>
</b:section>
</div>

NB: Pada contoh diatas,berarti widget yang hanya akan tampil dihalaman artikel/post adalah widget Subscribe dan New Tutorial. Sedangkan pada halaman depan blog (Home Page),kedua widget tersebut ngga akan terlihat.

6. Save template,dan lihat hasilnya.

Untuk membuat widget hanya terlihat pada halaman home,bisa membaca post ini :
http://syarifonly.blogspot.com/2012/02/cara-membuat-widget-hanya-terlihat-di.html

Membuat Widget Hanya Terlihat Pada Halaman Post Membuat Widget Hanya Terlihat Pada Halaman Post Reviewed by [ADMIN] on Thursday, February 09, 2012 Rating: 5

No comments:

Statistik Blog

Powered by Blogger.