Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

THEME SHOP - Tukang Toko Online
Jasa Review

Panduan Setting Blogger Widget Hanya Tampil di Posting

Panduan Setting blogger widget hanya tampil di posting -- Kalau di tutorial sebelumnya saya bagikan tips untuk menampilkan widget hanya di halaman beranda/homepage blogger saja. Maka kali ini saya akan membagikan tips mengenai menampilkan widget hanya di halaman posting saja. Oleh para blogger, biasanya widget ini dipakai untuk untuk menampilkan ikan adsense, utamanya google adsense yang berpatokan pada keyword. Tujuannya agar iklan yang tampil bisa lebih terarah, sesuai dengan kata kunci yang diharapkan (dalam google adsense, kata kunci tertentu memiliki nilai klik yang tinggi). 

Namun untuk situs toko online di blogger, pengaturan widget untuk tampil di halaman posting saja, bisa dimanfaatkan untuk menaruh widget yang ditujukan agar mendukung postingnya. Misalnya widget related post content, Widget populer post dll. Tentu saja harapannya agar tampilan widget ini bisa membantu pengunjung blog sehingga lebih betah berlama-lama. Hasil akhirnya, tentu saja ada penjualan.
Oke langsung saja berikut cara settingnya:
  • Log in ke blogger
  • Masuk ke opsi Rancangan --> Edit HTML (backup template untuk jaga-jaga jka ada error) --> Centang kotak Expand Template Widget (agar semua kode widget bisa tampil)
  • Kemduian temukan widget yang akan disembunyikan, misalnya widget yang berjudul Produk Terkait.
<b:widget id='HTML1' locked='false' title=Produk terkait' 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 != ""'>
<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>
  • Lalu masukanlah kode dengan warna merah seperti kode berikut ini:
<b:if cond='data:blog.url != data:blog.homepageUrl'>
  • Letakkan kode di atas tepat di bawah kode :

<b:includable id='main'>
  • Selanjutnya letakkan kode berikut :
</b:if>
  • Tepat di bawah kode:

<b:include name='quickedit'/>
  • Kemudian simpan template dan silahkan lihat hasilnya dulu.
  • Terakhir adalah simpan template.
Selamat mencoba