Membuat Tampilan Berbeda antara Homepage dan Isi Blog

Untuk Melihat Selengkapnya?

Sebenarnya aku bingung mau ngasih judul apa di postingan kali ini, pokoknya pada postingan kali ini aku mau menanggapi request dari salah satu pengunjung blogku (aku kan baik hati)
Pernah melihat sebuah blog dengan tampilan yang berbeda antara home dengan isi posting? Perbedaan disini maksudnya adalah dalam hal widget, di homepage ada beberapa widget yang tidak muncul dan baru muncul saat masuk ke halaman posting. Begitu juga dengan sebaliknya, ada beberapa widget juga yang hanya bisa tampil di halaman awal (homepage)
Nah bagaimana cara membuat agar widget dapat menghilang di halaman awal maupun postingan?
Cara ini mungkin sangat bermanfaat untuk menghemat waktu reload blog anda.
Untuk membuat itu semua kita harus melakukan sedikit bedah pada template blog,
Untuk membuat Widget tampil di halaman posting (dan hilang di home):
Tentukan/pilih widget yang ingin di sembunyikan.
Catat judul widget tersebut.
Cari judul widget tersebut di template kamu (gunakan ctrl+f atau f3)
Maka secara keseluruhan widget tersebu memiliki struktur seperti di bawah ini:

<b:widget id='HTML14' locked='false' title='Judul Widget Kamu' 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 != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
</b:includable>
</b:widget>

Huruf yang berwarna merah itu adalah judul widget kamu
Dan huruf berkedip yang berwarna biru adalah kode untuk menyembunyikan widget.
Membuat widget hanya tampil di Home Page.
Sama seperti di atas, hanya saja strukturnya berbeda. Strukturnya seperti di bawah ini:

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

Huruf yang berwarna merah adalah judul widget anda.
Huruf yang berwarna biru adalah kode untuk menyembunyikan widget di homepage.
Setelah puas membedah, Simpan template?
Gimana ada kesulitan?

Share