Cara Membuat Widget Hanya Muncul di Postingan atau Muncul di Homepage Saja


Kali ini Saya akan membahas Cara Membuat Widget Hanya Muncul di Homepage atau Muncul di Postingan Saja.
Terkadang kita merasakan loading blog berat atau tampilan blog sangat penuh dengan widget yang sangat banyak muncul di setiap postingan atau homepage. Ketika itu ada pikiran juga untuk menyembunyikan, menghapus atau memindahkan ke segala arah yang cocok, tapi tetap saja blog kita kurang enak dilihat. Nah untuk itu Saya punya solusi yaitu dengan membuat widget hanya muncul di homepage atau muncul di postingan saja.

Cara Menyembunyikan Widget di Halaman Tertentu

Cara Menyembunyikan Widget di Halaman Tertentu

Berikut adalah Cara Membuat Widget Hanya Tampil di Postingan Saja :

  • Login ke blogger.com, jika sudah,
  • Pilih Template → Edit HTML
  • Setelah itu cari nama widget yang mau ditampilkan di homepage saja atau di postingan saja
  • Contoh script HTML Popular Post seperti ini :

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

  • Ubah menjadi seperti di bawah ini atau tambahkan kode

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

  • Menjadi seperti di bawah ini :

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

Jika widgetnya cuma mau dimunculkan di homepage saja, caranya seperti di bawah ini :

  • Cari script widgetnya dan tambahkan atau ubah scriptnya dengan ini :

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

  • Maka scriptnya menjadi seperti ini :

<b:widget id='HTML3' locked='false' title='Popular Post' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'> <!-- 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>

  • Jika sudah simpan dan lihat hasilnya.

Update :
Cara Menyembunyikan Widget di Halaman Postingan Tertentu

  • Cari kode HTML widget yang mau dihilangkan, contoh :

<b:widget id='HTML3' locked='false' title='Popular Post' type='HTML'>

  • Jika Anda ingin menyembunyikan widget Popular Post (HTML3), maka cari kode tersebut di Edit HTML, contoh lengkapnya :

<b:widget id='HTML3' locked='false' title='Popular Post' 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 letakkan kode di bawah ini untuk menyembunyikan widgetnya

<b:if cond='data:blog.url != "URL postingan artikel yang tidak ingin muncul widgetnya"'> ... </b:if>

  • Contoh lengkapnya :

<b:widget id='HTML3' locked='false' title='Popular Post' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url != "http://suryachandragobel.blogspot.com/2014/08/kursus-komputer-murah-terbaik-di-jakarta.html"'>
<!-- 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>

  • Simpan dan lihat hasilnya.

Cara Memunculkan Widget Hanya di Artikel Postingan Tertentu (di Satu Halaman Saja)

  • Cari kode HTML widget yang hanya mau dimunculkan di satu halaman saja, contoh :

<b:widget id='HTML3' locked='false' title='Popular Post' type='HTML'>

  • Setelah itu letakkan kode di bawah ini untuk memunculkan widgetnya pada satu halaman saja

<b:if cond='data:blog.url == "URL postingan artikel untuk memunculkan widgetnya pada satu halaman saja"'> ... </b:if>

  • Contoh selengkapnya seperti di bawah ini :

<b:widget id='HTML3' locked='false' title='Popular Post' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "URL postingan artikel untuk memunculkan widgetnya pada satu halaman saja"'><!-- 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>

  • Simpan dan lihat hasilnya.

Semoga Cara Membuat Widget Hanya Muncul di Postingan atau Muncul di Homepage Saja berhasil Anda terapkan pada blog Anda.

Belum ada Komentar untuk "Cara Membuat Widget Hanya Muncul di Postingan atau Muncul di Homepage Saja"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Tekan close (x) 2 kali untuk menutup, jangan lupa Berlangganan

Masukkan Email aktif untuk update artikel via email :

Delivered by FeedBurner

×