Cara Membuat 4 Kolom di Gadget HTML/JavaScript pada Blog

Untuk lebih jelasnya bro lihat gambar :

Kalo lo pada pengen bro, silahkan simak untaian berikut ya bro, tapi bro gadget ini bisa menjadi 6 kolom, 8 kolom , 10 kolom dan seterusnya, Asal lo pengen simak dgn seksama aja oke bro hehe . . .

1. Masuk ke Dashboard Blog Lo bro 

     >> Pilih Rancangan 

      >> Edit Tata Letak 

      >> Add Gadget  

     >> Pilih HTML/Javascripts  

     >> Pastekan Kode yang Lo copy tadi bro >> Edit dan Simpan Deh bro kode dikit ini . . .

         

2. silahkan copy paste kode dibawah ini bro lalu ikuti langkah 1.

<table border="0" width="290"> 
<tr bgcolor="#FF0000"><td align="center"><b>Guest</b></td><td align="center"><b>Alexa</b></td></tr> 
<tr><td align="center">Kode dari Guest bro</td><td align="center">Kode dari Alexa bro</td></tr> 
</table> 
<table border="0" width="290"> 
<tr bgcolor="#FF0000"><td align="center"><b>Rank</b></td><td align="center"><b>My Link</b></td></tr> 
<tr><td align="center">Kode dari Rank bro</td><td align="center">Kode dari My Link bro</td></tr> 
</table>


Ket :

• Atur Width bro sesuai lebar sidebar blog lo bro (Warna MERAH)
• #FF0000 adalah Background tulisan yg lo inginkan bro, untuk bantuan Kode Warna bro, Silahkan klik LINK ini oke bro
• Guest adalah Judul 1
• Alexa adalah Judul 2
• Rank adalah Judul 3
• My Link adalah judul 4

Nah Bro untuk lo yg pengen jadikan 6 kolom atau 8 kolom dan seterusnya, tinggal tambahkan aja lagi bro Seperti warna BIRU MUDA berikut, sehingga menjadi seperti ini :

<table border="0" width="290"> 

<tr bgcolor="#FF0000"><td align="center"><b>Guest</b></td><td align="center"><b>Alexa</b></td></tr> 

<tr><td align="center">Kode dari Guest bro</td><td align="center">Kode dari Alexa bro</td></tr> 

</table> 

<table border="0" width="290"> 

<tr bgcolor="#FF0000"><td align="center"><b>Rank</b></td><td align="center"><b>My Link</b></td></tr> 

<tr><td align="center">Kode dari Rank bro</td><td align="center">Kode dari My Link bro</td></tr> 

</table>

<table border="0" width="290"> 

<tr bgcolor="#FF0000"><td align="center"><b>KODE 5</b></td><td align="center"><b>KODE 6</b></td></tr> 

<tr><td align="center">ISI CONTENT KODE 5 BRO</td><td align="center">ISI CONTENT KODE 6 BRO</td></tr> 

</table>

Dan Seterusnya bro . . .

3. Tinggal Save Gadget deh bro dan Lihat hasilnya, sangat simple ya bro hehe . . .



Selamat Mencoba ya bro ! ! !

Sumber : http://raxterbloom.blogspot.com/2012/10/cara-membuat-4-kolom-di-gadget.html#ixzz28vVDn1Em