MEMBUAT SIDEBAR TAMPIL BERGANTIAN

. Sudah 3 hari ini saya tidak nulis diblog, kayanya sudah kangen banget. "hihi". 2 hari ini badan saya sakit . "eh ko malah curhat".
Saya ingin langsung saja deh.
Pernah suatu kali anda membuka blog anda terasa loading nya sangat lama apalagi pada halaman utama. salah satu faktornya karena sidebar blog anda sangat penuh dan banyak, Sidebar blog biasanya salah satu hal yang paling "berat" pada saat loading.
Ada berbagai cara yang bisa mengatasi itu salah satunya membuang element sidebar yang menurut anda membuat blog anda terasa berat saat dibuka.
Trus bagaimana dong kalo element sidebar tersebut penting buat blog saya? mungkin pertanyaan itu yang langsung anda pikirkan, cara yang lain yang mungkin bisa mengurangin beban saat membuka halaman utama blog anda, kita dapat membuat element sidebar blog tampil hanya pada halaman posting atau element sidebar blog pada saat kita buka halaman utama berbeda ketika kita buka pada halaman posting..

Berikut ini caranya :
Login to Blogger kemudian pilih "Layout"
Klik pada "Edit HTML" , check pada "Expand Widget Templates"

untuk membuat element sidebar cuma tampil dihalaman posting, cari kode element sidebar blog yang ingin anda hilangkan, contoh saya menggunakan kode ini
<b:widget id='HTML14' locked='false' title='Informasi lowongan kerja' type='HTML'>
<b:includable id='main'>
[ ... internal kode ... ]
</b:includable>
</b:widget>

HTML14 adalah ID yang berbeda-beda sesuai dengan jumlah element sidebar telah anda kumpulkan dan atribut jenis yang berasal dari berbagai jenis komponen lain (Label, Arsip, Feed, dll).
Sobat semua sudah pasti paham dong.

Kemudian liat kode yang berikut ini :
<b:widget id='HTML4' locked='false' title='Informasi lowongan kerja' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
[ ... el código interno ... ]
<b:else/>
<style>#HTML14 {display: none;}</style>
</b:if>
</b:includable>
</b:widget>
Untuk kode yang berwarna merah adalah kode yang anda harus tambahkan.

Bagaimana dengan membuat sidebar tampil seolah-olah bergaitan antara halaman utama dengan halaman posting. Berikut caranya :
Sebelumnya hilangkan check pada "Expand Widget Templates".
Saya menggunakan contoh kode berikut
<b:if cond='data:blog.pageType != "item"'>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
[ ... element-element yang ada di sidebar ... ]
</b:section>
</div>
<b:else/>
<div id='sidebar-wrapper-2'>
<b:section class='sidebar' id='sidebar-2' preferred='yes'>
[ ... element-element yang ada di sidebar ... ]
</b:section>
</div>
</b:if>

Untuk kode yang berwarna merah adalah kode yang anda harus tambahkan.


Mungkin cuma segitu yang bisa saya berikan.
salamat mencoba ya.!