Cara Menampilkan Widget Blog Hanya di Homepage atau Postingan

Cara Menampilkan 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.

Cara Menampilkan Widget Blog Hanya di Homepage atau Postingan

1. Masuk ke blogger.
2. Pilih menu Tata Letak, kemudian pilih widget yang ingin diatur 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.

Cara Menampilkan Widget Blog Hanya di Homepage atau Postingan

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>{codeBox}

8. Tambahkan tag kondisional berikut ini:

Tambahkan masing-masing kode tepat di bawah kode <b:includable id='main'> dan kode <b:include name='quickedit'/>. Untuk lebih jelasnya, perhatikan hasil susunan akhirnya di bagian bawah!

Tampil di halaman beranda/homepage saja
<b:if cond='data:blog.url == data:blog.homepageUrl'>
...
Kode widget
...
</b:if>{codeBox}

Tampil di halaman postingan saja
<b:if cond='data:blog.pageType == "item"'>
...
Kode widget
...
</b:if>
{codeBox}

Tampil di halaman/postingan tertentu yang diinginkan
<b:if cond='data:blog.url == "URL Halaman di sini"'>
...
Kode Widget
...
</b:if>
{codeBox}

Silahkan ganti "URL Halaman di sini" dengan URL yang diinginkan{alertInfo}

Hasil akhir 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>{codeBox}

9. Simpan.

Selanjutnya, sobat juga bisa mencoba Cara Membuat Widget Mengikuti Scroll atau Sticky Widget pada Blog untuk mempercantik tampilan blog.

Sekian tutorial blogger pemula mengenai Cara Menampilkan Widget Blog Hanya di Homepage atau Postingan. Semoga bermanfaat!
Lebih baru Lebih lama
Jasa Penulisan Artikel SEO Murah Bergaransi