Sabtu, 26 Mei 2012

Sidebar Berstyle


Bagi anda yang nak menampakkan kelainan pada sidebar blog seperti gambar di samping, dari blog Tutorial Bina Blog, coba trick ini. Sidebar berstyle versi shadow box. Warna kotak sidebar ini boleh ditukar mengikut citarasa anda. Ikuti tutorial di bawah. cekidot..


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 anda nak letak di sini


</div>
--------------------------------------------------------------
Nota :
Tulisan biru - masukkan kod html gadget yang anda nak letak pada kotak sidebar ini. Contohnya kod chatbox atau apa-apa sahaja. Untuk dapatkan kod widget Follower pula, anda boleh rujuk tutorial ini

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

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

990066 - warna garisan kotak. Tukar kepada kod warna yang anda mahu. 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)

0 komentar:

Posting Komentar