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. Contoh 2 kolom sidebar blogspot seperti
ini :
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. Jika kamu kesulitan membuat 2 kolom sidebar blogspot silahkan tinggalkan komentar anda, saya akan dengan senang hati membantu.

ini :
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. Jika kamu kesulitan membuat 2 kolom sidebar blogspot silahkan tinggalkan komentar anda, saya akan dengan senang hati membantu.
Sincerely
Aris Krishna
Tel : 089681448698
Facebook : http://facebook.com/CacingLPK
E-mail : aris.krishna@gmail.com
Tidak ada komentar:
Posting Komentar
# Hanya menerima komentar yang berhubungan dengan artikel, atau berupa
kritik dan saran yang berhubungan dengan Blog ini.
# Komentar Sara, Spam, Link atau Anonim tidak diizinkan.
# Setiap komentar yang masuk akan saya approve kecuali komentar yang
menyalahi aturan.
# Terima kasih telah berkunjung di Blog sederhana ini. Salam sukses..!