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

Kalau manfaat, jangan lupa dishare...
Artikel Cara Membuat 4 Kolom di Gadget HTML/JavaScript pada Blog ini Anda baca di webeson.blogspot.com Jika Anda merasa artikel ini bermanfaat, jangan lupa kasih komentar.

Terimakasih atas kunjungan Anda. Kritik dan saran dapat anda sampaikan melalui kotak komentar. Silahkan baca Posting Meranik Lainnya di bawah ini dan jangan lupa berkunjung kembali
Flag Counter

  ©webeson - All Rights Reserved.

Template by Dicas Blogger | Top