Cara Menampilkan Widget Hanya Di Homepage Atau Halaman Posting

Jumpa Lagi teman Ini Rifany, Setelah Tadi Posting Cara Menampilkan Widget Recent Post atau Postingan Terbaru di sidebar Blog
Kali ini Ini Rifany Akan Membahas Cara Menampilkan Widget Recent Post atau posting terbaru Hanya di Homepage atau Halaman Posting Saja, Karena Setiap Blog Pada Home Page atau Halaman depan Sudah menyajikan Postingan Terbaru.

 Cara Menampilkan Widget Recent Post atau Postingan Terbaru di sidebar Blog  Cara Menampilkan Widget Hanya di Homepage atau Halaman Posting
Cara Menampilkan Widget Hanya di Homepage atau Halaman Posting
Maka, bekerjsama kita tidak perlu lagi menampilkan widget Recent Post pada sidebar atau footer di homepage, cukup menampilkannya di halaman dalam atau halaman postingan saja.

 Nah, supaya tidak terjadi "link ganda", juga Supaya mempecepat loading blog, sebaiknya widget recent posts cukup di tampilkan di halaman dalam dan halaman statis saja.

Contohnya, coba perhatikan blog Ini Rifany. Di Halaman depan tidak ada widget recent post,hanya terkenal post tetapi saat membuka salah satu postingan, maka di sidebar akan muncul widget posting terbaru (Recent Posts) tersebut.

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

Ada dua Alasan menampilkan widget pada halaman tertentu saja ?

  1. Memasang widget pada salah satu halaman menciptakan homepage tidak dipenuhi dengan banyak widget. Contohnya, widget recent post tidak perlu kita pasang pada homepage alasannya ialah post terbaru sudah ditampilkan pada halaman muka blog saat pertama kali dibuka.
  2. Dengan memasang widget pada salah satu halaman sanggup mempercepat loading blog alasannya ialah 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, yaitu conditional tags (b:if), yang berfungsi untuk memperlihatkan perintah supaya suatu elemen menyerupai halnya elemen-elemen widget supaya ditampilkan pada bagian/halaman tertentu saja dan menyembunyikannya pada bagian/halaman lain.

Ada dua aba-aba yang harus anda masukkan:

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

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

Contoh penerapan aba-aba pertama, widget hanya muncul di homepage saja 

Silahkan masuk ke Edit Template: Template > Edit HTML, kemudian cari aba-aba menyerupai 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 sehabis aba-aba <b:includable id='main'> dan aba-aba penutupnya </b:if> tambahkan sempurna di atas aba-aba </b:includable>. Hasilnya akan menyerupai 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 aba-aba kedua, widget tampil di halaman dalam (postingan) saja

Lakukan hal yang sama menyerupai langkah di atas. Di Edit HTML anda cari aba-aba menyerupai 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 aba-aba
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 setelah aba-aba
<b:includable id='main'>
dan kode
</b:if>
sebelum aba-aba
</b:includable>
. Hasilnya akan menyerupai 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 yummy dilihat pengunjung.

Demikian sedikit panduan cara menampilkan widget hanya di Homepage atau hanya di halaman postingan saja. Semoga bermanfaat dan selamat mempraktekkan.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel