Membuat Sidebar Berstyle

Bagi anda yang mau membuat beda pada sidebar blog, saya cobacara  ini. Sidebar berstyle versi shadow box. Warna kotak sidebar ini boleh ditukar mengikut citarasa anda. Ikuti tutorial di bawah.

1) Sign in akaun blogger

2) Dashboard >> Design >> Page Element >> Add A Gadget >> Html / Javascript

3) Copy paste kod di bawah pada ruang Html / Javascript tadi

<div style="background: #FFC8E3 repeat; repeat; padding: 5px; border:2px dashed #990066; border-top-left-radius: 20px 20px; border-top-right-radius: 20px 20px; border-bottom-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px; -moz-box-shadow: 0 0 18px #FF3399 ; -webkit-box-shadow: 0 0 18px #FF3399 ; "><center></center>

Masukkan kod html widget / banner/ ayat anda / image apa saja yang ingin anda letakkan  di sini

</div>

Nota :
Tulisan biru - masukkan kod html gadget yang akan anda letakkan pada kotak sidebar ini. Contohnya kod chatbox atau apa-apa saja. Untuk dapatkan kod widget Follower pula, anda boleh rujuk tutorial ini. 

FFC8E3 - warna background kotak. Tukar kepada kod warna yang anda mau. Rujuk kod warna di bawah

dashed - jenis garisan kotak. Samaada solid, dashed atau dotted

990066 - warna garisan kotak. Tukar kepada kod warna yang anda mau. Rujuk kod warna di bawah.

FF3399 - warna bayang-bayang kotak. Tukar kepada kod warna yang anda mahu. Rujuk kod warna di bawah.
( untuk paparan lebih besar, klik di sini)

4) Dah selesai, klik save dan lihat hasilnya.

Selamat mencoba! :)

Sumber : http://jombinabelog.blogspot.com/


by :
Bunda Annisa