PANDUANEKA

Aneka Panduan & Solusi Anda

27 September 2017

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, sebenarnya kita tidak perlu lagi menampilkan widget Recent Post pada sidebar atau footer di homepage, cukup menampilkannya di halaman dalam atau halaman postingan.

Contohnya, coba perhatikan blog Panduaneka ini. Di homepage tidak ada widget recent post, tetapi ketika membuka salah satu postingan, maka di sidebar akan muncul widget posting terbaru (Recent Posts) tersebut.

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 menurut saya ada 2 :
  1. Memasang widget pada salah satu halaman membuat homepage tidak dipenuhi dengan banyak widget. Contohnya, widget recent post tidak perlu kita pasang pada homepage karena post terbaru sudah ditampilkan pada halaman muka blog ketika pertama kali dibuka.
  2. Dengan memasang widget pada salah satu halaman dapat mempercepat loading blog karena tidak harus meload widget yang sama pada setiap halaman.
Cara Menampilkan Widget Hanya di Homepage atau Halaman Posting

Cara Menampilkan Widget Hanya Pada Halaman Tertentu

Bagaimana cara menampilkan widget recent post atau widget lainnya hanya pada halaman tertentu?
Caranya menggunakan salah satu tag XML Blogger, yaitu conditional tags (b:if), yang berfungsi untuk memberikan perintah agar suatu elemen seperti halnya elemen-elemen widget agar ditampilkan pada bagian/halaman tertentu saja dan menyembunyikannya pada bagian/halaman lain. 

Ada dua kode yang harus anda masukkan:

1. Kode HTML untuk menampilkan widget di halaman depan (home) saja: <b:if cond='data:blog.homepageUrl == data:blog.url'> kode penutup </b:if>
2. Kode HTML untuk menampilkan widget di halaman dalam (posting) saja: <b:if cond='data:blog.pageType == &quot;item&quot;'> dan kode penutup </b:if>

Contoh penerapan kode pertama, widget hanya muncul di homepage saja 

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

Lakukan hal yang sama seperti langkah di atas. Di Edit HTML anda cari kode seperti 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 kode <b:if cond='data:blog.pageType == &quot;item&quot;'> setelah kode <b:includable id='main'> dan kode </b:if> sebelum kode </b:includable>. Hasilnya akan seperti 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 tulisan "Nama Widget" dengan widget yang anda gunakan.

Nah, sekarang anda bisa mengatur widget untuk memodifikasi tampilan pada halaman utama dan halaman postingan agar blog terlihat rapi dan dinamis sehingga blog menjadi lebih ringan dan enak dilihat pengunjung.

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

No comments:

Post a Comment

- Silahkan berkomentar sesuai topik.
- Mohon centang pada Notive me agar tahu balasan dari kami.
- Sebelum bertanya, silahkan Anda cari terlebih dahulu di kotak pencarian (Search)
- Untuk setiap komentar saya akan lakukan kunjungan balik ke situs Anda dengan atau tanpa komentar
Terima kasih atas kunjungan dan komentarnya