Cara Menampilkan Widget Blog Hanya di Homepage atau Postingan

Kali ini 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.

Baca juga : Cara Menonaktifkan Widget Blog di Tampilan Versi Mobile

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

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.

6. Sobat akan otomatis menuju ke tampilan seperti gambar dibawah ini.

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.

Baca juga : Membatasi Jumlah Postingan Yang Tampil di Halaman Label

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.

Share this post