Monday, February 23, 2015

Trik Mengatur Tampilnya Widget pada Blogspot

Widget adalah sebuah bagian dari tata letak blog yang memiliki fungsi tertentu untuk mendukung kinerja blog. Widget yang sering kita lihat diantaranya tulisan populer, tulisan terbaru, archive dan juga tentunya iklan seperti Google Adsense. Pada tulisan ini akan saya sharingkan pengalaman trik mengatur tampilnya widget breaking news yang tidak saya tampilkan di halaman depan.

Ada beberapa trik yang bisa dipakai untuk menampilkan widget hanya pada halaman tertentu atau tidak menampilkan widget pada halaman tertentu. Script yang kita pakai untuk melakukan trik ini adalah logika b:if yang merupakan logika penyeleksian pada blogger.

Berikut ini beberapa trik untuk mengatur tampilnya widget pada blogspot:

1. Hanya menampilkan widget di Home/Beranda

Dengan cara ini widget akan tampil pada halaman depan atau home saja. Home atau Beranda adalah halaman yang tampil saat sebuat blog diakses secara langsung dari alamatnya, misalnya http://nulis-ilmu.blogspot.com.

Script hanya menampilkan widget di Home/Beranda :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
       . . . .   //script widget ditaruh disini
</b:if>

2. Menampilkan widget di semua halaman kecuali Home/Beranda

Dengan cara ini widget tidak akan tampil pada halaman depan, namun tampak pada halaman lain seperti pada artikel/pos, laman/page, archive dan pencarian.

Script menampilkan widget kecuali di Home/Beranda :
<b:if cond='data:blog.url != data:blog.homepageUrl'>
      . . . .   //script widget ditaruh disini
</b:if>

3. Hanya menampilkan widget di halaman artikel (pos)

Dengan cara ini widget hanya akan tampil saat blog menampilkan halaman artikel atau posting saja. Selain halaman post, widget tidak ditampilkan.

Script hanya menampilkan widget di halaman posting :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
      . . . .   //script widget ditaruh disini
</b:if>

4. Menampilkan widget di semua halaman, kecuali halaman artikel (pos)

Kebalikan dari cara ketiga, widget tidak akan tampil pada halaman artikel atau posting, tapi tampil pada halaman yang lain termasuk Home/Beranda.

Script menampilkan widget kecuali di halaman posting :
<b:if cond='data:blog.pageType != &quot;item&quot;'>
      . . . .   //script widget ditaruh disini
</b:if> 

5. Hanya menampilkan widget di halaman statik (page/laman)

Dengan cara ini widget hanya akan tampil saat blog menampilkan halaman statik atau static page saja. Selain halaman statik (page), widget tidak ditampilkan.

Script hanya menampilkan widget di halaman statik :
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
      . . . .   //script widget ditaruh disini
</b:if>

6. Menampilkan widget di semua halaman, kecuali halaman statik (page/laman)

Kebalikan dari cara kelima, widget tidak akan tampil pada halaman statik atau static page, tapi tampil pada halaman yang lain termasuk Home/Beranda.

Script menampilkan widget kecuali di halaman statik :
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
      . . . .   //script widget ditaruh disini
</b:if> 

7. Hanya menampilkan widget di halaman archive

Dengan cara ini widget hanya akan tampil saat blog menampilkan arsip blog (archive) saja. Selain itu, widget tidak ditampilkan.

Script hanya menampilkan widget di halaman arsip (archive) :
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
      . . . .   //script widget ditaruh disini
</b:if>

8. Menampilkan widget di semua halaman kecuali halaman archive

Kebalikan dari cara ketujuh, widget tidak akan tampil pada halaman arsip atau archive, tapi tampil pada halaman yang lain termasuk Home/Beranda.

Script menampilkan widget kecuali di halaman arsip (archive) :
<b:if cond='data:blog.pageType != &quot;archive&quot;'>
      . . . .   //script widget ditaruh disini
</b:if>

9. Hanya menampilkan widget di alamat URL artikel tertentu

Dengan cara ini widget hanya akan tampil saat alamat artikel tertentu saja. Selain itu, widget tidak ditampilkan.

<b:if cond='data:blog.pageType == &quot;alamat-url-artikel&quot;'>
      . . . .   //script widget ditaruh disini
</b:if>

10. Menampilkan widget di semua halaman kecuali alamat URL artikel tertentu

Kebalikan dari cara kesembilan, widget tidak akan tampil pada alamat artikel tertentu, tapi tampil pada halaman yang lain termasuk halaman postingan.

<b:if cond='data:blog.pageType != &quot;alamat-url-artikel&quot;'>
      . . . .   //script widget ditaruh disini
</b:if>

Contoh Trik Mengatur Tampilnya Widget pada Blogspot

Contoh berikut ini mengatur widget breaking news agar tidak tampil dihalaman depan
 <b:if cond='data:blog.url != data:blog.homepageUrl'>  
 <div class='newspic'>  
 <div style='float:left;width:650px;padding:1px 0 6px 130px; position:relative; overflow:hidden;'>  
 <script type='text/javascript'>  
 var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 4000, &quot;_new&quot;)  
 cssfeed.addFeed(&quot;Creating Website&quot;, &quot;http://nulis-ilmu.blogspot.com/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feed  
 cssfeed.displayoptions(&quot;date&quot;) //show the specified additional fields  
 cssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tag  
 cssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by date  
 cssfeed.entries_per_page(1)  
 cssfeed.init()  
 </script>  
 </div>  
 <div style='clear:both;'/>  
 </div>  
 </b:if>  

0 komentar

Post a Comment