Cara Membuat Widget Hanya Terlihat di Halaman Home

Dengan menambahkan beberapa kode pada template, kita bisa membuat sebuah widget hanya tampil pada halaman depan blog (Home page) saja,dan tidak tampil pada halaman membaca artikel (Post 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 :

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

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

Kalian bisa mencari berdasarkan judul widgetnya. Teks warna merah dibawah adalah judul Linkwidget,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 depan blog adalah widget Subscribe dan New Tutorial. Sedangkan pada halaman membaca artikel,kedua widget tersebut ngga akan terlihat.

6. Save template,dan lihat hasilnya.

Untuk membuat widget hanya terlihat pada halaman post,ikuti tutorialnya di :
http://syarifonly.blogspot.com/2012/02/membuat-widget-hanya-terlihat-pada.html

Cara Membuat Widget Hanya Terlihat di Halaman Home Cara Membuat Widget Hanya Terlihat di Halaman Home Reviewed by [ADMIN] on Thursday, February 09, 2012 Rating: 5

7 comments:

  1. Thanks ya Mas tutornya..., visite back please.

    ReplyDelete
  2. Kunjungan Perdana Sobat..., visite back Please.

    ReplyDelete
  3. Keren tutor nya.., thanks ya Gan

    ReplyDelete
  4. wah mantab tricknya om

    makasih udah share.....

    kunjungan balik ya om

    http://resthata.blogspot.com/

    ReplyDelete
  5. oh ya tricknya udah saya coba 100% TESTED terbukti
    silahkan check blog saya disini : http://resthata.blogspot.com/

    ReplyDelete

Statistik Blog

Powered by Blogger.