Cara Menampilkan Widget Hanya Di Homepage Atau Halaman Posting

Cara mengatur posisi atau menampilkan widget blog di halaman tertentu, depan atau dalam saja - Kebanyakan template biasanya sudah menampilkan Recent Post (postingan terbaru) pada homepage atau halaman depan (beranda).

Maka, sebetulnya kita tidak perlu lagi menampilkan widget Recent Post pada sidebar atau footer di homepage, cukup menampilkannya di halaman dalam atau halaman postingan.

Silahkan baca juga : Cara Membuat Recent Post Widget Keren di Blog

Begitu pula sebaliknya, di homepage Panduaneka ini tidak ada widget Recent Post. Hanya ada Popular Post dan Categories.


Mengapa sebaiknya hanya menampilkan widget pada halaman tertentu saja ?

Alasannya berdasarkan saya ada 2 :

Memasang widget pada salah satu halaman menciptakan homepage tidak dipenuhi dengan banyak widget. Contohnya, widget recent post tidak perlu kita pasang pada homepage alasannya post terbaru sudah ditampilkan pada halaman muka blog dikala pertama kali dibuka.

Dengan memasang widget pada salah satu halaman sanggup mempercepat loading blog alasannya tidak harus meload widget yang sama pada setiap halaman.

Cara Menampilkan Widget Hanya Pada Halaman Tertentu
Bagaimana cara menampilkan widget recent post atau widget lainnya hanya pada halaman tertentu?
Caranya memakai salah satu tag XML Blogger, yakni conditional tags (b:if), yang berfungsi untuk memperlihatkan perintah supaya suatu elemen ibarat halnya elemen-elemen widget supaya ditampilkan pada bagian/halaman tertentu saja dan menyembunyikannya pada bagian/halaman lain. 

Ada dua instruksi yang harus anda masukkan:

1. Kode HTML untuk menampilkan widget di halaman depan (home) saja: <b:if cond='data:blog.homepageUrl == data:blog.url'> instruksi epilog </b:if>

2. Kode HTML untuk menampilkan widget di halaman dalam (posting) saja: <b:if cond='data:blog.pageType == &quot;item&quot;'> dan instruksi epilog </b:if>

Contoh penerapan instruksi pertama, widget hanya muncul di homepage saja 

Silahkan masuk ke Edit Template: Template > Edit HTML, kemudian cari instruksi ibarat di bawah ini:

<b:widget id='HTML1' locked='false' title='Nama Widget' type='HTML'>
<b:includable id='main'>
<!-- 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:includable>
</b:widget> 

Tambahkan <b:if cond='data:blog.homepageUrl == data:blog.url'> sempurna sesudah instruksi <b:includable id='main'> dan instruksi penutupnya </b:if> tambahkan sempurna di atas instruksi </b:includable>. Hasilnya akan ibarat ini:

<b:widget id='HTML1' locked='false' title='Nama Widget' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- 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>

Contoh penerapan instruksi kedua, widget tampil di halaman dalam (postingan) saja

Lakukan hal yang sama ibarat langkah di atas. Di Edit HTML anda cari instruksi ibarat di bawah ini:

<b:widget id='HTML1' locked='false' title='Nama Widget' type='HTML'>
<b:includable id='main'>
<!-- 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:includable>
</b:widget>

Masukkan instruksi <b:if cond='data:blog.pageType == &quot;item&quot;'> setelah instruksi <b:includable id='main'> dan kode </b:if> sebelum instruksi </b:includable>. Hasilnya akan ibarat ini:

<b:widget id='HTML1' locked='false' title='Nama Widget' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- 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>

Cara Lainnya:

1. Widget hanya muncul di halaman statis: 
<b:if cond='data:blog.pageType != "static_page"'>
2. Widget hanya muncul di halaman/posting tertentu
<b:if cond='data:blog.url == "URL Halaman Di sini"'>

Catatan : Silahkan ganti goresan pena "Nama Widget" dengan widget yang anda gunakan.

Nah, kini anda sanggup mengatur widget untuk memodifikasi tampilan pada halaman utama dan halaman postingan supaya blog terlihat rapi dan dinamis sehingga blog menjadi lebih ringan dan lezat dilihat pengunjung.