Info Harga Komputer dan Gadget

Cara seting widget hanya tampil di halaman tertentu

Advertisement
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
advertisement

4 comments:

belajar menjadi blogger said...

selamat malam gan,
kalau muncul di halaman arsip maksudnya yang mana ya gan ? maklum masih newbie
Terimakasih atas informasinya gan

Edikomputer said...

Kalau kita posting kan pasti ada tanggal dan tahun posting misalnya http://www.edikomputer.com/2013/02/
nah di situlah widget hanya muncul

Nirey Online Shop said...

Warna merah, biru, hijau nya tidak tampil mas Edikomputer, jadi untuk pemula agak membingungkan mana itu widget, judul dan tempat meletakkan coding (dikomputer saya ya mas tidak tampil warnanya).
Untuk panduannya sih sudah detil dan lengkap, terima kasih.

Edikomputer said...

Sudah saya BOLD Tulisannya mudah mudahan nampak warnanya kalo nggak muncul juga coba pake browser lain.. maaf baru balas komentar, soalnya lagi sibuk sekali

Post a Comment

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