Membuat widget atau sidebar blog menjadi dua kolom ,sobat bisa perhatikan bagaimana saya membuat satu widget menjadi dua bagian, dengan demikian bisa membuat sidebar blog lebih hemat dan sedikit rapi.bisa juga keren dong heheee.....
Cara membuat widget atau sidebar blog menjadi dua kolom sangat mudah, sobat hanya perlu menambahkan sedikit kode html.sobat liat langkah-langkah pembuatan sidebar di bawah yaa......
1. Sobat login ke blog ► Rancangan ► Add Gadget ► Pilih HTML/JavaScript
2. Kemudian copy kode-kode HTML berikut :
Keterangan :
►Perhatikan kode warna Hijau, angka 300 adalah lebar tabel. Sobat sesuaikan dengan lebar sidebar blog.
►Kemudian kode warna Kuning adalah untuk judul-judulnya, sobat bisa ganti sesuai keinginan sobat disini
►kode yang ditandai dengan Warna Merah tersebut adalah backgrounnya silahkan ganti dengan warna yang sesuai dengan warna blog sobat. LIHAT KODE WARNA HTML DISINI
3. Paste di dalam kotak HTML/JavaScript tadi.
4. Selesai, dan Save..sobat langsung bisa liat hasilnya......
Selamat berkreasi .....
Cara membuat widget atau sidebar blog menjadi dua kolom sangat mudah, sobat hanya perlu menambahkan sedikit kode html.sobat liat langkah-langkah pembuatan sidebar di bawah yaa......
1. Sobat login ke blog ► Rancangan ► Add Gadget ► Pilih HTML/JavaScript
2. Kemudian 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 Hijau, angka 300 adalah lebar tabel. Sobat sesuaikan dengan lebar sidebar blog.
►Kemudian kode warna Kuning adalah untuk judul-judulnya, sobat bisa ganti sesuai keinginan sobat disini
►kode yang ditandai dengan Warna Merah tersebut adalah backgrounnya silahkan ganti dengan warna yang sesuai dengan warna blog sobat. LIHAT KODE WARNA HTML DISINI
3. Paste di dalam kotak HTML/JavaScript tadi.
4. Selesai, dan Save..sobat langsung bisa liat hasilnya......
Selamat berkreasi .....
0 komentar:
Post a Comment