Sabtu, Mei 12, 2012

Cara Membuat Widget Atau Sidebar Blog Menjadi Dua Kolom

Untuk membuat widget atau sidebar blog menjadi dua kolom sangat mudah, anda hanya perlu menambahkan sedikit kode html. Tidak perlu bingung atau kawatir karena trik ini sangat sederhana dan tidak susah, yang paling penting dijamin berhasil. Nah, dalam widget tersebut saya menambahkan kode tabel sehingga menjadi dua kolom dan diikuti script widgetnya. Adapun langkah - langkah pembuatan yang saya lakukan seperti sidebar blog dibawah ini :
http://riiscky-miza.blogspot.com/2012/05/cara-membuat-widget-atau-sidebar-blog.html
1. Pastinya sobat login ke blog --> Rancangan --> Add Gadget --> PilihHTML/JavaScript
2. Copy kode-kode HTML berikut :


<table border="0" width="300">
<tr bgcolor="#FF6C74"><td align="center"><b>JUDUL 1</b></td><td align="center"><b>JUDUL 2</b></td></tr>
<tr><td align="center">KODE JUDUL 1 DISINI</td><td align="center">KODE JUDUL 2 DISINI</td></tr>
</table>
<table border="0" width="300">
<tr bgcolor="#FF6C74"><td align="center"><b>JUDUL 3</b></td><td align="center"><b>JUDUL 4</b></td></tr>
<tr><td align="center">KODE JUDUL 3 DISINI</td><td align="center">KODE JUDUL 4 DISINI</td></tr>
</table>


Keterangan :
  • Perhatikan kode warna merah, angka 300 adalah lebar tabel. Sobat sesuaikan dengan lebar sidebar blog.
  • Kemudian kode warna biru adalah untuk judul-judulnya, sobat bisa ganti sesuai keinginan sobat disini saya menggunakan 'statistik' dan 'alexa' SERTA 'pagerank' dan 'rantop'.
  • kode yang ditandai dengan warna kuning tersebut adalah backgrounnya silahkan ganti dengan warna yang sesuai dengan warna blog sobat.

3. Paste di dalam kotak HTML/JavaScript tadi.
4. Sebelum di save sebaiknya anda preview dulu, jika sudah yakin berhasil save template anda.

Posting Lebih Baru Posting Lama Beranda

2 komentar:

gan kok blog agan kagak bisa di copas sih(klik kanan gak fungsi)??? gimana ane copas kode htmlnya!!

@kota gratis mv gan klik kanan :-t

kalau copas PASTI BISA tinggal CTRL+C pada keyboard.. makasih

Poskan Komentar

    utta

Riiscky Miza
MODE: HEMAT ENERGI

Move your mouse to go back to the page!
Letakkan mouse anda di tengah halaman dan silahkan nikmati kembali posting kami!

© Riiscky Miza