Menampilkan atau menghilangkan widget pada suatu halaman dan bagian tertentu

Pada kali ini saya memperkenalkan cara menampilkan atau menghilangkan widget pada suatu halaman dan bagian tertentu. Sehingga blog anda akan kelihatan berubah-ubah pada halaman atau alamat tertentu. Masih bingung dengan penjelasan saya ya? Contohnya bisa anda lihat pada blog saya ini, coba anda lihat tampilan pada halaman utama blog saya ini atau langsung saja klik disini dan kemudian anda bandingkan.

Mungkin kebanyakan orang sudah tahu cara yang satu ini, tetapi tidak ada salahnya dituliskan pada blog saya ini.

Langsung saja saya beri tahu caranya, yaitu ikuti langkah-langkah berikut ini.

1.        Pastikan anda sudah login ke blogger, jika belum maka klik saja disini.

2.        Pilih rancangan pada template blog yang anda inginkan

3.        Pilih edit HTML

4.        Beri tanda centang pada kotak disamping tulisan “Expand Template Widget”

5.        Jika sudah, maka cari kode <b:widget id=’namagadget

Namagadget adalah widget yang anda pilih atau tidak ditulis juga tidak apa-apa, tetapi akan memerlukan sedikit waktu dalam pencariannya.

6.        Lihat tulisan <b:includable id='main'> tepat dibawahnya. Jika anda sudah menemukannya maka anda bisa menampilkan atau menghilangkan widget tersebut pada suatu halaman dan bagian tertentu dengan beberapa pilihan dibawah ini dan letakkan kodenya tepat dibawah <b:includable id='main'>

a.     Home Page

Home Page merupakan halaman utama blog,

·           Menampilkan widget hanya pada Homepage

<b:if cond='data:blog.url == data:blog.homepageUrl'>

·           Menampilkan widget selain pada Homepage

<b:if cond='data:blog.url != data:blog.homepageUrl'>

b.    Archive Page

Archive page merupakan halaman arsip blog

·           Menampilkan widget hanya pada Archive Page

<b:if cond='data:blog.pageType == &quot;archive&quot;'>

·           Menampilkan widget selain pada Archive Page

<b:if cond='data:blog.pageType != &quot;archive&quot;'>

c.     Item Page

Item page merupakan halaman artikel yang anda posting

·           Menampilkan widget hanya pada Item Page

<b:if cond='data:blog.pageType == &quot;item&quot;'>

·           Menampilkan widget selain pada Item Page

<b:if cond='data:blog.pageType != &quot;item&quot;'>

d.    Static Page

Static page meupakan halaman yang tidak termasuk ke dalam postingan blog anda, halaman ini biasanya digunakan untuk halaman About me, Contact Us atau yang lainnya.

·           Menampilkan widget hanya pada Static Page

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

·           Menampilkan widget selain pada Static Page

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

e.     URL

URL merupakan alamat halaman situs
·           Menampilkan widget hanya pada url tertentu

<b:if cond='data:blog.url == &quot;Alamat URL&quot;'>

·           Menampilkan widget selain pada url tertentu

<b:if cond='data:blog.url != &quot;Alamat URL&quot;'>

Alamat URL diganti dengan URL yang anda inginkan.

      

f.     Label Page

Label page adalah halaman ketika anda klik label pada posting

·           Menampilkan widget hanya pada Label Page

<b:if cond='data:blog.url == &quot;http:/polobye.blogspot.com/search/label/Nama Label&quot;'>

·           Menampilkan widget selain pada Label Page

<b:if cond='data:blog.url != &quot;http://polobye.blogspot.com/search/label/Nama Label&quot;'>

7.        Jika anda sudah menentukan pilihan anda diatas, jangan lupa menambahkan kode </b:if> tepat dibawah kode <b:include name='quickedit'/>

Jika anda masih bingung, berikut contohnya.

Misalkan anda ingin menampilkan suatu widget hanya pada Homepage dan dalam pencarian yang anda cari adalah kode <b:widget id='HTML01 , maka akan muncul seperti dibawah ini.

<b:widget id='HTML01' locked='false' title='contoh' 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>

Setelah itu anda tulis kode <b:if cond='data:blog.url == data:blog.homepageUrl'> tepat dibawah kode <b:includable id='main'> , kemudian jangan lupa untuk menuliskan kode penutup yaitu kode </b:if> tepat dibawah kode <b:include name='quickedit'/>

Lihat contohnya seperti dibawah ini

<b:widget id='HTML01' locked='false' title='contoh' 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>

Mudahkan ?

8.        Jika semua proses sudah selesai, langsung klik simpan dan kemudian lihat hasilnya.

9.        Selesai

Tambahan :

Anda juga bisa menuliskan dua pilihan atau lebih kedalam satu widget dan jangan lupa untuk menutup kode pilihan tersebut dengan  </b:if> sebanyak kode pilihan anda. Misalnya anda ingin menghilangkan widget hanya pada homepage dan menampilkannya pada suatu URL, maka cara penulisannya adalah sebagai berikut;

<b:widget id='HTML01' locked='false' title='contoh' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.url != data:blog.homepageUrl'>

<b:if cond='data:blog.url == &quot;Alamat URL&quot;'>

<!-- 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:if>

</b:includable>

</b:widget>

Mungkin hanya itu tambahan dari saya, mungkin ada yang masih kurang atau belum di mengerti, bisa anda langsung tanyakan pada kotak komentar dibawah ini.

Semoga bermanfaat...!