Membuat Widget Link Exchange

Widget ini sangat berguan untuk promosi blog ke orang lain. Dengan widget ini, kita bisa tukeran link atau banner dengan blogger lain.

Sok, langsung ke TKP aja . . .

1. Seperti biasa, masuk ke blogger, buka layout => add a gadget => html javascript
2. Masukan kode berikut,

<textarea name="textarea" cols="20"><a href="URL BLOG"><img src="URL GAMBAR/BANNER" width="90" height="17" border="0" /></a></textarea>

Note:
Ungu : ukuran textarea
Hijau  : Url Blog Kamu
Merah: Url Banner/gambarmu
Biruu  : masing-masing lebar dan tinggi banner kamu

Jika seperti itu, maka hasilnya kita akan dapat texareanya dan isi kode-kodenya, previewnya kayak gini loh . .

<a href="URL BLOG"><img src="URL GAMBAR/BANNER" width="90" height="17" border="0" /></a>

Nah. itu kan baru text area sama kodenya, sekarang Kamu tinggal kasih gambar banner Kamu di atasnya, langkahnya gampang . .
misal gambar bannermu kayak gini

URL : http://i1139.photobucket.com/albums/n542/panji1995/tukeranlink.png

cara menampilkan gambar itu kayak gini,

<a href="URL BLOG"><img src="http://i1139.photobucket.com/albums/n542/panji1995/tukeranlink.png" width="20" height="17" border="0" /></a>

Nah, jika kita gabungkan atara Text area+kode di dalamnya dan gambar bannermu di atasnya ,maka kode keseluruhannya seperti ini,

<a href="URL BLOG"><img src="http://i1139.photobucket.com/albums/n542/panji1995/tukeranlink.png" width="180" height="65" border="0" /></a>

<textarea name="textarea" cols="20"><a href="URL BLOG"><img src="http://i1139.photobucket.com/albums/n542/panji1995/tukeranlink.png" width="180" height="65" border="0" /></a></textarea>

Hasilnya  :

<a href="http://hansamuaji.blogspot.com"><img src="http://i1139.photobucket.com/albums/n542/panji1995/tukeranlink.png" width="180" height="65" border="0" /></a>

Note  :  kamu tinggal ganti Url Blogmu sama url gambar bannermu plus Kamu sesuaikan sendiri lebar tingginya, gampang kan ?

Selamat Mencoba

Posted in: Blogging,Tips n Trick,Tutorial Blog,Widget Blog