Cara Menampilkan Widget Pada Halaman Tertentu

Setelah saya menggunakan simple fresh template ini banyak hal yang saya dapat salah satunya menampilkan widget dihalaman tertentu. Nach, disini saya ingin berbagi pengalaman dengan anda yang suka sekali modifikasi template dan semoga dapat membantu juga bagi yang baru belajar. Bagi yang sudah pinter penambahan-penambahanya silahkan di share di form komentar.
Anda bisa lihat pada template blog saya ini pada posisi home page terdapat 2 sidebar dan 3 kolom footer. Ketika anda membuka salah satu artikel dengan kata lain anda berada pada posisi full atikel salah satu sidebar menghilang dan footer juga ikutan menghilang. Ini akan sangat menguntungkan sekali buat anda pemilik blog karena pembaca artikel anda akan merasa nyaman membaca di blog yang simple alias tidak banya widget selain itu loading blog anda akan lebih cepat..

Berikut tutorialnya untuk menampilkan widget dihalaman tertentu:
  • Login ke Blogger.com
  • Kemudian Tata Letak
  • Pilih Edit HTML
  • Centang Expand Widget
  • Perlu diketahui kode widget kurang lebih seperti ini <b:widget id='HTML
Menampilkan Widget Hanya Dihalaman Homepage Saja
<b:widget id='HTML5' locked='false' title='Nama Widget Anda' 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>
  • Untuk demonya anda bisa lihat pada blog ini, atau di blog eksperimen saya yang bisa anda lihat pada bagian footer dan profile yang hanya muncul pada halaman Home saja ketika Full Post footer dan profile menghilang..

Menampilkan Widget Pada Halaman Archieve Saja
<b:if cond='data:blog.pageType == "archive"'>
........................
</b:if>
Menampilkan Widget Pada Halaman Artikel Saja
<b:if cond='data:blog.pageType == "item"'>
.............................
lt;/b:if>
Menampilkan Widget Pada Halaman URL yang Anda Tentukan
<b:if cond="[Ganti dengan URL Anda]" == data:blog.url'>
....................
lt;/b:if>
  • Berikut Tips untuk menampilkan widget kebalikan dari kode-kode diatas. Anda hanya perlu mengganti salah satu dari tanda == (sama dengan) dengan kode ! (tanda seru). Ex: Anda ingin menampilkan widget selain pada halaman Homepage, maka kodenya:
<b:if cond='data:blog.url != data:blog.homepageUrl'>
....................
lt;/b:if>
Baiklah, saya kira cukup disitu saja, anda tinggal mempraktekannya dan berkreasilah sesuai dengan apa yang anda inginkan.. semoga bermanfaat..
Share on Google Plus

About Admin

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.