Rabu, 03 Oktober 2012

Cara Membuat 4 Kolom di Gadget HTML/JavaScript pada Blog

Apa lo menginginkan blog yg rapi dengan susunan yg merata bro ? ? ya pastinya kan bro, untuk mempersingkat pemakaian terlalu banyak gadget HTML/JavaScript yg akan menjadi ribet dan membuat loading blog yg lama, ya lebih baik kita gabungkan dalam satu tempat, untuk itu bro gua akan membahas tips blogging tentang 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 ! ! !

2 komentar: