Thursday 4 August 2011

Membuat Widget 2 Kolom


Bingung nih mau bikin judul apa yang cocok dengan isi postingan. Yaudah ambil jalan tengah aja ya, hehe
Kali ini 4-Jie akan bagi widget yang mungkin sangat berguna dan akan menambah kesan lebih baik dan rapi untuk blog kamu. Nama widget nya "Widget 2 Kolom". Widget ini awalnya 4-Jie pasang di sidebar, namun bingung mau diisi apa. Akhirnya dilepas dulu, nanti kalau ada inspirasi akan dipasang lagi. Daripada ujung-ujungnya lupa, mendingan di share aja. Mana tau dari dari sekian banyaknya pengunjung blog ini ada yang butuh widget ini. Untuk melihat DEMO widget ini, silahkan tarik scrool agak kebawah. Itulah bentuk nyata dari widget 2 kolom ini :)




Kalian bisa klik widget diatas untuk memastikan bahwa widget diatas dapat work dengan baik :)

Untuk membuat widget 2 kolom ini, salin kode berikut ini di HTML/ Javascript :




<table border="0" cellspacing="0" style="width: 300px;"><tbody>
<tr> <td valign="top" width="150">
<ul>

<li><a href="http://4-jie.blogspot.com/search/label/4-Jie" target="_blank" title="Deskripsi"><b>4-Jie</b></a></li>

<li><a href="http://4-jie.blogspot.com/search/label/Domain" target="_blank" title="Deskripsi"><b>Domain</b></a></li>

<li><a href="http://4-jie.blogspot.com/search/label/Facebook" target="_blank" title="Deskripsi"><b>Facebook</b></a></li>

<li><a href="http://4-jie.blogspot.com/search/label/Hacking" target="_blank" title="Deskripsi"><b>Hacking</b></a></li>

<li><a href="http://4-jie.blogspot.com/search/label/RSS%20FEED" target="_blank" title="Deskripsi"><b>RSS FEED</b></a></li>

</ul>
</td> <td valign="top" width="150">
<ul>

<li><a href="http://4-jie.blogspot.com/search/label/Backlink" target="_blank" title="Deskripsi"><b>Backlink</b></a></li>

<li><a href="http://4-jie.blogspot.com/search/label/Exchange" target="_blank" title="Deskripsi"><b>Exchange</b></a></li>

<li><a href="http://4-jie.blogspot.com/search/label/Google%2B" target="_blank" title="Deskripsi"><b>Google+</b></a></li>

<li><a href="http://4-jie.blogspot.com/search/label/Linux" target="_blank" title="Deskripsi"><b>Linux</b></a></li>

<li><a href="http://4-jie.blogspot.com/search/label/SEO" target="_blank" title="Deskripsi"><b>SEO</b></a></li>

</ul>
</td> </tr>
</tbody> </table>


Keterangan !
Tulisan Berwarna Merah adalah LINK, silahkan ganti dengan LINK kamu
Tulisan Berwarna Merah adalah Judul Link, silahkan ganti dengan Judul Link kamu
Tulisan "Deskripsi" bisa kamu ganti sesuai dengan keinginan sendiri

Jangan lupa di simpan :)
selamat mencoba have a nice day

11 comments:

  1. jadi inget blog oom gan...
    BTW, widget2 kolom manteb. Pengen nyoba nih..
    .....
    comment and visit me
    dngayung.blogspot.com
    $_$

    ReplyDelete
  2. @dnluas : iya, soalnya ngeFans banget sama kang oom :)
    silahkan dicoba

    ReplyDelete
  3. berhasil, uye--- :D

    Kerajaanhosting masa depan hosting Indonesia kontes SEO yg sedang Cek Info ikuti dan semoga Kerajaanhosting masa depan hosting Indonesia bisa menjadi no. 1 :D

    ReplyDelete
  4. kok di blog ku hasilnya jelek ya??
    maklum, blogger pemula :D MOHON PETUNJUKNYA:)
    follow+comment ya di
    http://nazlahsyahafcassienst.blogspot.com/

    ReplyDelete
  5. @Kerajaan Hosting : Siip deh
    @Nazlah : karena orangnya jelek juga tuh bro wkwk :)

    ReplyDelete
  6. sob, share membuat menu dengan submenu seperti punya sobat d atas donk :D

    ReplyDelete
  7. Insya Allah kalau ada waktu ane share ya :tup

    ReplyDelete
  8. wah, ini dulu saya cari" gan.. nice inpo nih.. :D

    ReplyDelete
  9. tip yang menarik dan powerful.

    ReplyDelete