Cara Sembunyikan Widget Sidebar "Solusi Percepat Loading Halaman Posting "

Tutorial yang akan saya tulis pada postingan ini adalah cara menyembunyikan widget sidebar / footer pada halaman post atau post page. Tips mempercepat loading halaman blog sudah banyak di tulis oleh kalangan blogger Dan salah satu faktor yang penting dalam nge-blog adalah loading pada halaman blog,

Loading pada halaman blog ada dua kategori yaitu :

1. Loading pada Home Page atau Halaman Utama.
2. Loading pada Post Page atau Halaman Posting [halaman dimana kita membaca artikel secara lengkap].

Pada umumnya halaman home page berisi beberapa posting dan widget sidebar / footer dan halaman post page hanya berisi satu posting [read full] yang juga menampilkan semua widget seperti pada halaman home page.

Sidebar / footer yang tidak terlalu penting, kita sembunyikan atau tidak di tampilkan pada halaman post page, namun widget tersebut tetap akan tampil pada halaman home page adalah merupakan solusi untuk mempercepat loading pada halaman tertentu.

Berikut adalah langkah-langkahnya untuk menampilkan widget sidebar atau footer hanya pada halaman home page.

• Login ke blogger.com
• Pilih Design
• Pilih Edit HTML
• Download Full Template, untuk jaga-jaga bila terjadi kesalahan
• Beri tanda pada kotak Expand Widget Template

Kemudian cari id atau judul widget yang ingin di tampilkan hanya pada home page.
Cari code seperti di bawah ini :

<b:widget id='HTML6' locket='false' title='Buku Tamu' 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:include name='quickedit/>
</b:includable>

Keterangan :
Kode yang berwarna merah adalah kode yang di tambahkan agar widget tersebut tidak tampil pada halaman post page,
Dan kode yang berwarna biru adalah ID dan judul widget yang dapat di gunakan sebagai keyword untuk mempermudah pencarian kode.

Apabila ingin menampilkan widget hanya pada halaman post page, ganti code yang berwarna merah dengan kode di bawah ini :

<b:if cond='data:blog.pageType == &quot;item&quot;'>

• Save dan lihat perubahannya ketika Anda membuka halaman Post Page atau Home Page.
• Selesai.

Terima kasih sudah singgah di blog ID CREATIVE   «« jangan lupa tinggalkan komentarnya "thanks.