Membuat Tag Cloud Cumulus

Babak Kesatu: Menaruh kode CSS Bingkai Rounded (tanpa gambar)

1. Copy kode CSS dibawah ini:




Keterangan :
Plis, lihat tulisan yang kedap-kedip itu.
a. tulisan ungu #FFFFFF = warna background dari Bingkai
b. tulisan biru #0066FF = warna garis tepi dari Bingkai
Anda bisa merubah kode itu dengan kode warna sesuai selera anda.
2. Taruh kode tersebut di atas kode

3. Save Template-mu

Babak Kedua: Menaruh Kode HTML Bingkai dan Tag Cumulus

1. Cari kode HTML yang menunjuk pada 'id' atau 'class' dari area Sidebar Blog anda...

kode HTML sidebar tergantung dari jenis template anda. Ini bisa bervariasi. Misalnya: pada blog saya adalah id=sidebar-wrapper.

Tapi, dalam blog anda mungkin bisa lain. Misalnya: Mungkin juga, id='sidebar' ; id='column02' ; dan sebagainya.

2. Kemudian, copy kode dibawah ini:

Article Categories

Keterangan:
a. Tulisan warna merah 'Article Categories' adalah title dari Widget. Anda bisa merubah sekehendak anda. Misalnya: kategori artikel, Grup Artikel, dan sebagainya.

b. Tulisan warna hijau = kode HTML pembuka (yang diatas) dan bingkai penutup (yang dibawah) dari bingkai Rounded corner.

c. Tulisan warna biru adalah kode-kode yang berhubungan dengan Widget.
c.1. Angka 330 (tanpa px) = lebar pixel widget
c.2. Angka 200 (tanpa px) = tinggi pixel widget
333333 (tanpa #) = kode warna dari Tulisan
c.3. #ffffff = kode warna dari Background Widget
c.4. Angka 12 = ukuran font dari widget


6. Taruh kode tersebut, di manapun anda suka. (saya sarankan dalam area sidebar yaa...)

7.Save Template-mu

Setelah disimpan, lihat hasilnya. Apakah tambah rusak atau tambah hancur...... sudah hancur....??? heheheh.......
bercanda...bercanda...

Selamat Menikmati....

P.S.

Jika anda tidak berkenan memberi bingkai "Rounded Corner" pada Tag Cumulus itu, dari babak 0 langsung loncat saja ke babak 2.

Saya beri kode pembuka dan penutup section agar lebih aman bagi blogger-blogger yang sangat newbie. Btw, saya juga newbie kok.
Section pembuka dan penutup itu boleh didelete. Ini berlaku ketika anda sudah memasukkan kode widget ke dalam sidebar anda.