Membuat Widget Lebih Dinamis pada Blogspot

Membuat Widget Lebih Dinamis pada Blogspot. Artikel ini hanya untuk pengguna platform Blogspot, sedangkan yang laen saya belom mengerti, hehe. Maksud dari pembuatan widget dinamis ini adalah untuk menghemat tempat, karena di root sebagai sumber dari semua, maka kita bisa hanya menampilkan widget di postingan. Tidak karus di root (Home).


Untuk contoh adalah widget Free Download, Info terbaru, dan Tips kesehatan. Widget tersebut hanya tampil di saat Anda membaca isi postingan dalam blog ini. Jika Anda menuju Root (Home). Anda tidak akan menemukan ketiga widget tersebut. Hal ini bisa menguntungkan kita dalam perolehan peringkat di Google karena Root lebih ringan daripada postingan kita. Cara memasangnya adalah sebagai berikut:

1. Buat Widget pada salah satu sidebar Anda, berikan judul yang jelas.
2. Untuk contoh saya menggunakan judul Example1
3. Sesudah Anda membuatnya, pergi ke Edit HTML dan beri tanda pada Expand Template Widget
4. Cari judul widget yang Anda buat tadi, dalam contoh Example1 (untuk memudahkan pencarian beri satu tanda koma atas pada judul, co: 'Example1')
5. Perhatikan kode berikut ini:

   <b:widget id='HTML14' locked='false' title='Example1' type='HTML'>

   <b:includable id='main'>

   <b:if cond='data:blog.pageType == &quot;item&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:if>
   

   </b:includable>

   </b:widget>

6. Sisipkan kode yang berwarna biru di bawah kode:
   

   <b:includable id='main'>

   dan kode </b:if> di atas kode </b:includable>
7. Simpan Template Anda

Cara telah selesai, sekarang bagaimana cara menampilkan widget di root saja? Pada blog ini adalah Shoutmix yang paling besar di atas postingan pada root (Home). Perhatikan kdoe brikut:

<b:widget id='HTML14' locked='false' title='Example2' 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:if>

</b:includable>

</b:widget>

Berbeda dengan kode berikutnya, tapi penempatannya sama. Silakan Anda coba dan semoga berhasil...