Home » » Cara Menampilkan Widget di Halaman Tertentu

Cara Menampilkan Widget di Halaman Tertentu

Untuk menyambung pembahasan yang lalu, cara membuat tab view versi 1 atau versi 2, atau memasang buku tamu di sidebar. Ada trik lain yang sangat menguntungkan tang dapat diterapkan pada trik-trik diatas, yaitu kita dapat memunculkannya pada halaman tertentu saja. Keuntungannya kita dapat memperhemat sidebar kita dan juga dapat mempercepat loading blog kita. Karna kita bisa menampilkan widgetnya secara bergantian.

Untuk memasangnya ikuti langkah dibawah ini.

Masuk ke blogger acount anda, dan pilih Dashboard >> layout >> Edit html dan sebelumnya anda centang Expand Widget Templates.

Lalu cari kode dibawah ini:
<b:widget id='HTML1' locked='false' title='Shoutbox' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "index"'>
<!-- 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:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

NB:
Kata shoutbox yang bercetak tebal diatas menandakan title sidebar anda jadi harus disesuaikan

Jika Anda ingin menampilkan Shoutbox pada halaman depan saja maka tambahkan kode berwarna hijau diatas,

Berikut ini Tag lain yang bisa digunakan:

Untuk menampilkan widget pada homepage / halaman depan saja.
<b:if cond='data:blog.pageType == "index"'>
</b:if>

Untuk menampilkan widget pada halaman archive saja.
<b:if cond='data:blog.pageType == "archive"'>
</b:if>

Untuk menampilkan widget pada halaman artikel saja.
<b:if cond='data:blog.pageType == "item"'>
</b:if>

hanya menampilkan widget pada halaman tertentu saja. Ubah [masukkan URL] dengan halaman pada blog kamu yg widget yg kamu inginkan muncul.
<b:if cond="[masukkan URL]" == data:blog.url'>

Selain Tag diatas, kita juga dapat menampilan kebalikannya.
Caranya, ubah tanda = (samadengan) tang pertama dengan tanda ! (seru)

Misalnya, saya ingin menampilkan widget pada halaman selain homepage, maka kode yg digunakan :
<b:if cond='data:blog.pageType != "index"'>
 semoga ini semua dapat membantu teman bloger...
Sumber:http://blogkomputers.blogspot.com/2009/11/menampilkan-widget-di-halaman-tertentu.html
Share this article :

1 comments:

Triyono said...

test nih komennya

Powered by Blogger.
 
Support : Web Design | Tutorial Blog | Website Instan
Copyright © 2013. INFO BLOGER MANIA - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger