Tips dan Trik blogging serta Segala Sesuatu yang Berhubungan Dengan Duniaku

Membuat Widget Tukar Link

Pada artikel saya sebelumnya membahas tentang membuat banner dan textarea,maka artikel kali ini maka saya akan mencoba menkombinasikan banner dan textarea menjadi sebuah widget yang berguna bagi blog kita,yaitu sebuah widget tukar link/link exchange. Apabila sobat belum membaca kedua artikel tersebut,maka saya rasa sobat pasti kebingungan membuat widget tukar link ini,ada baiknya sobat membacanya terlebih dahulu disinidan
disini
. Link exchange ini berfungsi untuk memberikan kode banner bagi kawan-kawan blogger yang nantinya akan memasangkan kode banner tersebut diblognya dan kita juga akan segera memasang bannernya di blog kita,bisa dimengerti kan? Yuk mari kita mulai mempelajari bagaimana membuat tukar link, sobat bisa melihat sebuah widget tukar link di samping artikel ini(perhatikan baik2). Widget tersebut terdiri atas teks biasa,sebuah contoh banner, dan sebuah text area yang didalamnya ada kode banner. Saya rasa sobat sekarang sudah mulai tahu gimana menyusun kode tersebut. Kode HTML yang menyusun widget adalah seperti dibawah ini

Tukaran link yuk

<br/>

Copy code dibawah ini diblog anda,saya akan linkback segera

<br/><br/><Img src="http://i940.photobucket.com/albums/ad250/Darkestwiz/banner.jpg"border="0">

<br/><br/>

<p align="left"><textarea name="textarea" rows="5" cols="20"><a href="alamat url yang ingin dituju" target="_blank"><img border="10" src="http://i940.photobucket.com/albums/ad250/Darkestwiz/banner.jpg

"/><br/>Bisnisworld23.blogspot.com</a></textarea></p>



Bingung sekali ya lihatnya,saya akan kasih keterangan kode HTML tersebut

* Tukaran link yuk => teks biasa

* <br/> =>kode html yang berguna untuk melangkahi satu baris kebawah (kalo dua kode html tersebut berarti dua baris kebawah)

*<Img src="http://i940.photobucket.com/albums/ad250/Darkestwiz/banner.jpg"border="0"> => Merupakan kode HTML yang berfungsi untuk menampilkan contoh banner/gambar

* <p align="left"><textarea name="textarea" rows="5" cols="20"><a href="alamat url yang ingin dituju" target="_blank"><img border="10" src="http://i940.photobucket.com/albums/ad250/Darkestwiz/banner.jpg

"/><br/>Bisnisworld23.blogspot.com</a></textarea></p> =>merupakan kode html text area dan kode banner yang nantinya akan tampil di dalam text area.

Mungking anda masih bingung,saya kasih patokannya aja ya (kalo dimengerti kode diatas sangat bagus lho). Berikut kode HTML patokannya

Tukaran link yuk

<br/>

Copy code dibawah ini diblog anda,saya akan linkback segera

<br/><br/><Img src="alamat url gambar/banner"border="0">

<br/><br/>

<p align="left"><textarea name="textarea" rows="5" cols="20">kode banner yang akan tampil dalam text area</textarea></p>

Maka langkah selanjutnya adalah memasangnya kode tersebut di elemen halaman blog sobat
Mudah2han bisa dimengerti tutorialnya,HAVE FUN.