Minggu, 11 September 2011

Membuat 2 Kolom Sidebar Blogspot

Template bawaan blogspot biasanya secara default hanya memliki sidebar dengan 1 kolom. Untuk lebih mempercantik sidebar blogspot anda bisa dengan cara membuat 2 kolom sidebar blogspot. Dengan sidebar yang mempunyai 2 kolom, anda akan lebih bisa berkreasi lagi untuk menambahkan widget-widget baru di dalamnya. Anda bisa menambahkan sendiri denagn mengubah kode xml template blogspot. Namun jika anda merasa kesulitan, bisa juga anda mencari template yang lain yang sudah mempunyai 2 kolom sidebar, dan baca juga bagaimana mengganti template classic blogspot. Contoh 2 kolom sidebar blogspot seperti ini :
Membuat 2 Kolom Sidebar Blogspot

Berikut ini tips trick membuat 2 kolom sidebar blogspot :
1. Login di blogger
2. Masuk ke dashboard anda, lalu pilih tab layout, kemudian edit html dan centang expand template widget.
3. Cari kode berikut: <div id=’sidebar-wrapper’> . Untuk lebih mudahnya gunakan fasilitas serching pada browser anda atau tekan ctrl + F.

4. Letakkan kode berikut ini bawah kode tadi
<b:section class=’sidebar’ id=’sidebar10’ preferred=’yes’>
<b:widget id=’Followers1’ locked=’false’ title=’Followers’ type=’Followers’/>
</b:section>

<b:section class=’sidebar’ id=’sidebar11’ preferred=’yes’>
<b:widget id=’Profile1’ locked=’false’ title=’About Me’ type=’ Profile’/>
</b:section>

Save dulu hasil kerjaan anda ini

5. Letakkan kode css berikut ini sebelum ]]></b:skin>

.sidebar10 {
float:left;
width:50%;
}
.sidebar11 {
float:right;
width:50%;
}

Selesai dan simpan. Selamat mencoba, semoga bermanfaat.
Sumber : http://www.bloggerafif.com/2011/01/membuat-2-kolom-sidebar-blogspot.html

Tidak ada komentar:

Posting Komentar

Silahkan Tulis Komentar Anda Secukupnya ..!!