Go Blog Go

Menampilkan Widget di Home-Posting-Static-Archieve Halaman Blog

Posted by Go Blog Go Posted on 12:13 AM with 2 comments
Assalamu'alaikum Wr.Wb.

Jumpa lagi Mojang dan Bujang dengan Go Blog Go. Kali ini akan share posting bagaimana cara-nya menyembunyikan dan menampilkan Widget Gadget di halaman-halaman tertentu di WebBlog. Tag yang digunakan untuk mengaktifkan yaitu memakai Tag Kondisional apabila Mojang dan Bujang belum memahami-nya bisa membaca di Tag Kondisional 1 dan Tag Kondisional 2 yang sudah pernah Saya Posting beberapa waktu yang lalu. Fungsi-nya tentu menurut selera Mojang dan Bujang, Saya pun menggunakan Tag Kondisional ini untuk mengurangi beban muat saat loading saja, tapi kegunaan lain masih banyak dalam hal ini tentunya tergantung dari kreatifitas Mojang dan Bujang sendiri.
Mari bereksperimen saja.


Login ke Blogger

Dashboard -> Klik Monetize -> Klik Template -> Edit HTML (Jangan lupa Back-up template-nya)
Process -> Klik Expand Widget Template

sebagai contoh cari Kode HTML seperti ini (berada di area Side-Bar) dibawah Template :

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Menampilkan Widget hanya di Homepage (utama):

<b:widget id='HTML1' locked='false' title='Recent Posts' 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 != ""'>
<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>

Jadi Mojang dan Bujang hanya tinggal menyisipkan Tag Kondisional di area Widget seperti yang Saya beri Warna Merah, untuk melihat hasil-nya silahkan di coba sendiri.

Menampilkan Widget hanya di Halaman Posting:

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'> 
<!-- only display title if it's non-empty --> 
<b:if cond='data:title != ""'>
<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>

Menampilkan Widget di Halaman Tertentu:

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "URL of the page"'> 
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>

sebagai catatan : ganti "URL of the page" dengan URL Halaman Special Anda

Menyembunyikan Widget dari Halaman Posting:


<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url != "URL of the page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>

Menampilkan Widget hanya di Halaman Static:

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "static_page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>

Menyembunyikan Widget di Halaman Static:

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "static_page"'> 
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>

Menampilkan Widget hanya di Halaman Archive:

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "archive"'>
<!-- only display title if it's non-empty --> 
<b:if cond='data:title != ""'>
<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>

Namun apabila yang diinginkan keseluruhan dari widget, Mojang dan Bujang bisa menggunakan cara berikut ini :

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
#PopularPosts1,#Label2,#BlogArchive1,#HTML1,#HTML4{display:none;}
</style>
</b:if>

dengan Tag Kondisional ini maka semua Widget Side-Bar tidak akan tampil di Halaman Static
Save template

Semoga dengan penjelasan diatas akan lebih bisa dimengerti lagi dan bisa bermanfaat. Go Blog Go...!!! Amiin

Wassalam,

2 comments:

Catatan :
1.Untuk menyisipkan Kode, gunakan Tag <i rel="code">Kode Anda Di-Sini...</i>
2.Untuk menyisipkan Kode Panjang, gunakan Tag <i rel="pre">Kode Anda Di-Sini...</i>
3.Untuk menyisipkan Kode Gambar, gunakan Tag <i rel="image">URL Gambar Anda Di-Sini...</i>
4.Untuk menyisipkan Catatan, gunakan Tag <b rel="quote">Catatan Anda Di-Sini...</i>

NB: Sebelum menyisipkan Kode, konversi terlebih dulu Kode-nya agar bisa tampil di Kolom Komentar

 
Powered by : Blogger
Copyright © 2011. Go Blog Go - All Rights Reserved
Template Created by Go Blog Go Published by Wong Wayang