Tutorial : Letak Kotak Untuk Sidebar

Assalamualaikum.

Sebenarnya sudah lama saya tercari-cari kod untuk buat kotak sidebar seperti di sidebar saya sekarang. Cantikkan kotak tu? Godek punya godek, kemudian try dan ia menjadi. Rupanya senang saje nak buat kotak sidebar ni. Alahai, ingatkan susah sangat.hehe Oklah kepada yang ingin mengetahui macamna nak buat kotak sidebar seperti dalam blog saya sekarang, ikut tutorial mudah di bawah ye.

Untuk new blogger interface

1. Mula-mula buka layout > Add a Gadget > HTML/JavaScript.


2. Copy dan masukkan kod di bawah ke dalam HTML/JavaScript.

<div style="background: #FFFFFF repeat; repeat; padding: 5px; border:2px solid#000000; border-top-left-radius: 20px 20px; border-top-right-radius: 20px 20px; border-bottom-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px;"><center></center>


Masukkan kod , atau apa-2 sahaja ayat korang di sini kayh ?


</div>

3. Korang boleh ubah kod ikut kehendak korang.

Background dalam kotak : "#FFFFFF" boleh ditukar warna.

Border : "2px" boleh ditukar kelebarannya.

Jenis border kotak : "solid" (boleh ditukar kepada "dashed" atau selainnya).

Warna border kotak : "#000000" boleh ditukar warna.

Kelebaran kotak : "20px 20px" boleh ditukar kelebarannya.

# Kod warna korang boleh dapatkan DI SINI.

4. Preview dan Siap!

Selamat Mencuba.