Info Harga Komputer dan Gadget

Cara seting widget hanya tampil di halaman tertentu

advertisement
Kali ini edikomputer.com akan share tutorial blogger/ blogspot yaitu cara menampilkan widget hanya di halaman tertentu saja misalnya hanya di homepage, di halaman artikel atau di halaman posting saja, caranya sangat mudah kita hanya menyisipkan kode di widget yang akan kita sembunyikan atau di tampilkan di halaman tertentu saja.

untuk cara mencari widget yang akan kita seting sangat mudah karena pada prinsipnya sebuah widget pasti memiliki Nama dan ID, Misalnya nama widget : recent post, recent comment dll, atau berdasarkan ID misalnya : HTML1, HTML1, HTML1. Nah kita dapat mencari widget tersebut dengan menggunakan CTRL+F.

Oke sekarang silahkan masuk ke admin dashboard blogger/blogspot, kemudian pilih menu template > Klik tombol Edit HTML > centang tulisan Expand Widget Templates untuk lebih jelas silahkan lihat gambar di bawah ini :
Pilih Menu Template
Klik Tombol Edit HTML
centang tulisan Expand Widget Templates


Nah sekarang Cari Judul Widget atau ID anda berikut Contoh Kodenya :

<b:widget id='HTML2' locked='false' title='Diskusi' type='HTML'>
<b:includable id='main'>
Letak Kode
  <!-- 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>
Penutup Kode
</b:widget>
Keterangan :
Teks Warna Merah adalah : ID Widget
Teks Warna Biru adalah Judul Widget
Teks Warna Hijau adalah Tempat kita akan meletakkan Kodenya

Oke sekarang silahkan masukan Kode-kode ini di teks warna Hijau

Untuk menampilkan hanya di Homepage
<b:if cond='data:blog.url == data:blog.homepageUrl'>
Untuk Menampilkan Hanya di halaman artikel atau Posting saja
<b:if cond='data:blog.pageType == "item"'>
Untuk Menampilkan Hanya di Halaman Arsip (Archive)
<b:if cond='data:blog.pageType == "archive"'>
Nah Untuk Penutup silahkan gunakan Kode
</b:if>

Sehinga kodenya menjadi seperti Ini :
<b:widget id='HTML2' locked='false' title='Diskusi' 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:includable>
</b:if></b:widget> 

Jika Sudah Klik save Template
Oke Selamat Mencoba kalo kurang Jelas silahkan Bertanya, Terima Kasih

No comments:

Post a Comment

Blog Ini Dofollow Ya bro tapi jangan nyepam komentar secara bijak dan sesuai dengan postingan