Widget Tampil Dihalaman Tertentu Pada Blog - Blog Buat Web Id - Info Seputar Dunia Teknologi Informasi

Latest

Blog Buat Web Id - Info Seputar Dunia Teknologi Informasi

Kumpulan Tips Info Seputar Teknologi

Recent Posts

Saturday, April 28, 2018

Widget Tampil Dihalaman Tertentu Pada Blog

Widget Tampil Dihalaman Tertentu Pada Blog
Buat.web.id - seminggu sudah blog ini tidak pernah posting lagi, dikarenakan kesibukan yang saya jalani, dan sekarang saya ingin membagikan tips cara menampilkan widget dihalaman tertentu pada blogger.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. Oke langsung saja kita ke pokoknya.

  • Cara Membuat Widget Hanya Tampil di Postingan Saja

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

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

Setelah Anda menemukan Script tersebut saatnya menyisipkan Script berikut ini Dibawah kode <b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 Kemudian Tambahkan kode dibawah ini dibawah kode <b:include name='quickedit'/>
</b:if>
Hasilnya akan seperti ini :

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

Save Template dan lihat hasilnya.

  • Cara Membuat Widget Hanya Tampil di Home/Beranda Saja

Tidak jauh beda dengan cara diatas, Hanya beda di scriptnya saja.
Login ke blogger.com, jika sudah,
Pilih Template → Edit HTML→ Format Template
Setelah itu cari nama widget yang mau ditampilkan di homepage saja atau di postingan saja
Contoh script HTML Kategori seperti ini :

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

Setelah Anda menemukan Script tersebut saatnya menyisipkan Script berikut ini Dibawah kode <b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
Kemudian Tambahkan kode dibawah ini dibawah kode <b:include name='quickedit'/>
</b:if>
Hasilnya akan seperti ini :

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

Save Template dan lihat hasilnya.

No comments:

Post a Comment