Membuat tampilan home page berbeda dengan tampilan isi

Jika anda mengamati blog ini, maka akan terlihat bahwa tampilan home page berbeda dengan tampilan isi blog. Hal ini saya lakukan untuk menghemat loading pada saat home page dibuka maupun di tes dengan berbagai tool speed seperti ulasan saya tentang cara mengetahui kecepatan loading blog.
Langsung saja untuk cara-caranya adalah sebagai berikut :

Untuk membuat Widget tampil di halaman posting (dan hilang di homepage):

1. Tentukan/pilih widget yang ingin di sembunyikan. (lihat di view source)

2. Catat judul widget tersebut.

3. Cari judul widget tersebut di template kamu (gunakan ctrl+f atau f3)

Maka secara keseluruhan widget tersebut 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 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.

Semoga bermanfaat

Related post