Cara Menampilkan Widget Sesuai Keinginan

Selamat pagi teman-teman, bagaimana kabar kalian semua? saya doa-kan semoga sehat selalu ya!!. Mohon maaf jika akhir-akhir ini tidak sempat melakukan aktivitas silaturahim kepada teman-teman sekalian khususnya kepada mas Irpan, Mbak Eka, Pak Uda, Mas Ferdon, Mas beranda dan yang lainnya.

Belakangan ini kembali imajinasi saya sedikit dicoba berkenaan dengan cara untuk memodifikasi beberapa kode CSS dan Javascript, dan tidak mudah rasanya untuk memecahkan dan membuat modifikasi baru sesuai dengan keinginan.

Terkait dengan hal tersebut, keinginan modifikasi yang saya lakukan adalah dengan menggunakan sistem Widget HTML saja tanpa harus mengubah atau menambah struktur kode-kode pada template blog, hal ini saya lakukan agar suatu saat jika kode tersebut dirasa tidak penting, kita tinggal menghapusnya dengan mudah.

Muncul persoalan mengenai tampilan pada widget HTML, sedikit bingung bagaimana Cara Menampilkan Widget Sesuai Keinginan kita, apakah pada Homepage saja, pada page posting saja atau pada postingan tertentu. Setelah menelusuri jejak-jejak pengetahuan para blogger ahli di search Engine, akhirnya saya menemukan blog milik mas Ahmad Ridwan yang menjelaskan tentang Cara Menampilkan Widget Sesuai Keinginan. Maka dari itulah saya mencoba untuk memaparkannya kembali dengan bahasa dan cara yang saya pahami, penasaran! mari kita lihat bersama.

Saran keterangan
Ketahui terlebih dahulu ID widget yang mau di tampilkan sesuai keinginan, untuk mengetahuinya adalah dengan mencari judul/title widget di halaman Template blog anda (jika tidak ada judul, beri judul untuk sementara).

A. Cara menampilkan Widget dalam Homepage saja

• Masuk ke Template Blog
• Edit HTML
• Cari atau tekan ctrl+F dan tuliskan ID atau Judul Widget seperti HTML2, HTML3, Aplikasi Hp Android, dll.
• Kemudian, perhatikan kode script di bawah ini (sebagai contoh):

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

Kode yang berwarna merah merupakan kode tambahan untuk menampilkan pada halaman Homepage saja, jika pada halaman posting, maka widget HTML tidak akan terlihat (Anda dapat melihat pada tampilan slider blog ini).

B. Cara Menampilkan Widget dalam Posting artikel saja

• Masuk ke Template Blog
• Edit HTML
• Cari atau tekan ctrl+F dan tuliskan ID atau Judul Widget seperti HTML2, HTML3, Aplikasi Hp Android, dll.
• Kemudian, perhatikan kode script di bawah ini (sebagai contoh):

<b:widget id='HTML1' locked='false' title='Aplikasi HP Android' 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 != &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>

C. Cara Menampilkan Widget Hanya di URL Halaman/Postingan Tertentu

• Masuk ke Template Blog
• Edit HTML
• Cari atau tekan ctrl+F dan tuliskan ID atau Judul Widget seperti HTML2, HTML3, Aplikasi Hp Android, dll.
• Kemudian, perhatikan kode script di bawah ini (sebagai contoh):

<b:widget id='HTML2' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "Ganti dengan URL Halaman anda"'>
<!-- 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>

D. Cara Menyembunyikan Widget Hanya di URL Halaman/postingan tertentu

• Masuk ke Template Blog
• Edit HTML
• Cari atau tekan ctrl+F dan tuliskan ID atau Judul Widget seperti HTML2, HTML3, Aplikasi Hp Android, dll.
• Kemudian, perhatikan kode script di bawah ini (sebagai contoh):

<b:widget id='HTML2' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url != "URL Halaman anda"'>
<!-- 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>

Demikian artikel tentang Cara Menampilkan Widget Sesuai Keinginan, jika ada yang belum jelas mohon diberi konfirmasi melalui email atau form komentar yang telah tersedia. Terima Kasih!.