Tambah Sidebar Kiri di Template Blogger/Blogspot

Namanya manusia emang gak pernah puas yah. Tapi inilah yang buat manusia bisa semaju sekarang. (read: blogging). Rasa ini juga yang buat penasaran untuk tampil beda walaupun pake template yang gratisan. Hunting template emang menyenangkan tapi setelah dapet dan dipake ternyata maunya tampil beda, paling tidak beda dikit lah..


Di otakku, yang ada inginnya buat satu kolom (read: sidebar) lagi di sebelah kiri. Soalnya template standar yang saya gunakan punya satu sidebar sebelah kanan. Kalo nambah sidebar kiri bagaimana? Nah...setelah utak-atik sendiri skrip template yang ada ditambah dengan googling ke berbagai blog akhirnya dapet deh script yang dimaksud.


Kalo rekan-rekan juga mau, ini ada petunjuk caranya:

1. Login ke Blogger trus masuk menu Layout setelah itu klik Edit HTML

2. Backup template yang ada dengan cara Download Template dan simpan di media penyimpanan rekan.

3. Non-aktifkan centangan Expand Template Widget untuk menghindari terjadinya perubahan pada Widget yang telah ada.

4. Tentukan jumlah pixel yang akan digunakan pada sidebar yang akan dibuat dalam template dengan rumus: width-nya #main-wrapper + width-nya #sidebar-wrapper + width-nya #newsidebar-wrapper ≤ width-nya main-wrapper. Dalam pembahasan ini misalnya kita menggunakan lebar sidebar atau width-nya 150px.

5. Tempatkan kode berwana biru dibawah ini setelah tanda ‘}’ pada #sidebar-wrapper

#newsidebar-wrapper {
width: 200px;
float: left;
padding-right:10px;
word-wrap: break-word;
overflow: hidden;
}

6. Temukan kode <div id='main-wrapper'> lalu tempatkan kode berikut ini dibawahnya.

<div id=’newsidebar-wrapper’>
<b:section class=’sidebar’id=’newsidebar’ preferred=’yes’>
</b:section>
</div>

7. Simpan perubahan yang dilakukan dengan cara mengklik SIMPAN TEMPLATE

8. Periksa kembali hasil perubahan yang dilakukan dengan mengklik Lihat Blog dan periksa kembali detail layout tampilan dengan mengklik Elemen Halaman dalam menu Tata Letak.


Selamat mencoba dan semoga berhasil!

0 komentar:

Posting Komentar

Silahkan kirim komentar anda.