Cara Menampilkan Widget Blog Hanya di Homepage atau Postingan

Cara Menampilkan Widget Blog Hanya di Homepage atau Postingan

Widget Blog Hanya di Homepage atau Postingan
Kali ini Santai Bareng akan membagikan Cara Menampilkan Widget Blog Hanya di Homepage atau Postingan. Mungkin di tampilan homepage blog sobat tampilan widgetnya mengganggu atau kurang pas, mungkin saja widget tersebut lebih baik hanya ditampilkan di halaman postingan saja atau sobat memiliki alasan tersendiri.

Lalu bagimana caranya agar widget tersebut dapat diatur sehingga muncul di halaman homepage saja atau di halaman postingan ? OK, langsung saja.

Berikut Cara Menampilkan Widget Blog Hanya di Homepage atau Postingan :

1. Masuk ke akun blogger sobat.
2. Pilih menu Tata Letak, kemudian pilih widget yang ingin sobat atur tampilannya.
3. Klik pada bagian url link widget tersebut, di akhir link ada keterangan widgetId=HTML3

Cara Menampilkan Widget Blog Hanya di Homepage atau Postingan

4. Setelah mengetahi id widgetnya, klik menu Template Edit HTML.
5. Klik menu Lompat ke Widget (Jump to Widget) dan pilih id widget yang diketahui sebelumnya.

Cara Menampilkan Widget Blog Hanya di Homepage atau Postingan

6. Sobat akan otomatis menuju ke tampilan seperti gambar dibawah ini.
Menonaktifkan Widget Blog di Tampilan Versi Mobile

7. Klik pada bagian yang dilingkari warna biru. Misalkan kode yang sobat temukan seperti berikut.
<b:widget id='HTML3' locked='false' title='' type='HTML' visible='true'
<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>

8. Tambahkan tag kondisional berikut ini :

Tampil dihalaman homepage saja :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
Kode widget
</b:if>

Tampil dihalaman postingan saja :
<b:if cond='data:blog.pageType == "item"'>
Kode widget
</b:if>

Sehingga susunan kodenya menjadi seperti berikut ini :
<b:widget id='HTML3' locked='false' title='' type='HTML' visible='true'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- 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>

9. Simpan dan selesai.

Tambahan! Jika sobat ingin menampilkan widget di halaman tertentu atau yang diinginkan, silahkan gunakan kode berikut ini :
<b:if cond='data:blog.url == "URL Halaman sobat di sini"'>
Kode Widget
</b:if>
Silahkan ganti URL Halaman sobat di sini dengan URL yang diinginkan. Kemudian simpan.
Gimana sobat ? Mudah kan.
OK, sekian dulu mengenai Cara Menampilkan Widget Blog Hanya di Homepage atau Postingan. Selamat mencoba semoga berhasil dan bermanfaat. Terima kasih.

Loading...

Share This :