Membuat script Tukeran Link

Menanggapi pertanyaan saudara agitsan pada kotak ShoutMix yang kira2 bunyinya seperti ini :

"om caranya biar bisa buat script tukeran link gimana ajarin donk"

Hik hik hiks...di panggil om ya..Oke terimakasih atas pertanyaannya mas...

Maka dari itu sengaja saya menjelaskan pada postingan kali ini, karena mungkin masih banyak di antara anda yang belum tahu gimana cara buatnya...jadi mungkin bisa membantu jika saya buat tutorialnya.
Dengan adanya "kotak tukeran link"...akan memudahkan para pengunjung/teman2 blog utuk nge-link blog kita...dengan saling tukar link tentunya akan berdampak positif untuk perkembangan blog kita.

Menurut Google ada dua hal yg harus dipenuhi supaya blog kita cepat dikenal di mesin pencari terkenal Google dan Yahoo dan dengan demikian akan banyak pengunjung yg datang.
1. Isi (content) blog yg baik dan diupdate secara teratur.
2. Mendapat link dari blog/situs terkenal, baik link blog (URL blog kita di link) atau link post (URL posting kita yg dilink) oleh blog terkenal.
Untuk lebih jelasnya tentang manfaat tukeran link silahkan klik disini.
Saya bukan master seperti halnya kang rohman...fatih syuhud...atau O-om. Saya hanya seorang pemula yang ingin terus membagikan ilmu yang saya dapat meski sedikit...dan mereka-mereka adalah guru2 terbaik saya.

Oke langsung saja gimana sih cara membuat script tukeran link.
1. Anda harus siapkan sebuah banner yang menunjukan identitas blog anda. Misalkan seperti blog ini atau huruf B di sampingnya :

Jika anda kurang mahir dalam membuat banner seperti saya...mungkin cooltext.com atau chicklette.net bisa membantu anda...link ini akan membantu anda membuatkan banner secara online.

2.Setelah itu upload banner anda...misalnya di photobucket.com untuk mendapatkan URL/alamat banner anda. misalnya kedua banner di atas memiliki alamat :
http://s474.photobucket.com/albums/rr101/setyobr_46/setyo-budi.gif
http://s474.photobucket.com/albums/rr101/setyobr_46/B.jpg

3.Langkah selanjutnya adalah membuat kode link dari alamat gambar tadi...kodenya seperti ini :

<a href="http://blog-masbudi.blogspot.com/" target="_blank"><img border="0" alt="Blog Mas Budi" src="http://s474.photobucket.com/albums/rr101/setyobr_46/setyo-budi.gif" img/></a>

atau seperti ini :

<a href="http://blog-masbudi.blogspot.com/" target="_blank"><img alt="Blog Mas Budi" border="0" img="" src="http://s474.photobucket.com/albums/rr101/setyobr_46/B.jpg" /></a>

kedua script di atas adalah contoh link ke blog ini...untuk bisa link ke blog anda..ya tinggal sesuaikan saja.

4. Jika kode link sudah siap..langkah selanjutnya adalah membuat teks area yang berfungsi untuk menampung sekuruh kode/script supaya bisa di copy oleh pengunjung yang mau nge-link ke blog anda...kodenya seperti di bawah ini :

<textarea name="code" rows="6" cols="20">


<a href="http://blog-masbudi.blogspot.com/" target="_blank"><img border="0" alt="Blog Mas Budi" src="http://s474.photobucket.com/albums/rr101/setyobr_46/setyo-budi.gif" img/></a>


</textarea>

Hasilnya seperti ini :
<a href="http://blog-masbudi.blogspot.com/" target="_blank"><img border="0" alt="Blog Mas Budi" src="http://s474.photobucket.com/albums/rr101/setyobr_46/setyo-budi.gif" img/></a>

atau dengan kode :

<div style="border: 1px solid rgb(238, 238, 238); padding: 10px; overflow: auto; width: 200px; height: 50px;">

<a href="http://blog-masbudi.blogspot.com/" target="_blank"><img border="0" alt="Blog Mas Budi" src="http://s474.photobucket.com/albums/rr101/setyobr_46/setyo-budi.gif" img/></a>

</div>

Untuk kode yang kedua ini(kode warna merah)...agar kode link anda muncul maka harus diPARSE terlebih dahulu...(yang belum tau pa itu diPARSE..copy paste link anda di sini lalu clik "Encode"..itulah kode link yang sudah diPARSE)

Hasilnya seperti ini :

<a href="http://blog-masbudi.blogspot.com/" target="_blank"><img border="0" alt="Blog Mas Budi" src="http://s474.photobucket.com/albums/rr101/setyobr_46/setyo-budi.gif" img/></a>

5. Langkah selanjutnya adalah merangkai kode-kode tadi..misalnya kode tukeran link ada dibawah banner/logo/chicklette supaya tampak lebih menarik..kodenya seperti di bawah ini :(sesuaikan dengan kemauan anda...silahkan di coba utak atik sendiri)

<h2>
Tukeran Link Yuk!!!</h2>
<br/><br/>
Buat yang mau tukeran link, silahkan copy paste kode script di bawah ini, aku pasti link balik asal gambarnya gak terlalu besar. Link gambarku seperti di bawah ini :
<br/><br/>
<img alt="Blog Mas Budi" border="0" src="http://s474.photobucket.com/albums/rr101/setyobr_46/setyo-budi.gif" />
<br/><br/>
<textarea cols="20" name="code" rows="6">&lt;a href="http://blog-masbudi.blogspot.com/" target="_blank"&gt;&lt;img border="0" alt="Blog Mas Budi" src="http://s474.photobucket.com/albums/rr101/setyobr_46/setyo-budi.gif" img/&gt;&lt;/a&gt;
</textarea>

kode <br/> berfungsi untuk ganti baris/enter... <br/><br/> berarti dua kali ganti baris/enter...sesuaikan dengan keinginan anda.
maka hasilnya seperti ini :

Tukeran Link Yuk!!!

Buat yang mau tukeran link, silahkan copy paste kode script di bawah ini, aku pasti link balik asal gambarnya gak terlalu besar. Link gambarku seperti di bawah ini :



<a href="http://blog-masbudi.blogspot.com/" target="_blank"><img border="0" alt="Blog Mas Budi" src="http://s474.photobucket.com/albums/rr101/setyobr_46/setyo-budi.gif" img/></a>

atau ingin yang seperti ini :

Tukeran Link Yuk!!!

Buat yang mau tukeran link, silahkan copy paste kode script di bawah ini, aku pasti link balik asal gambarnya gak terlalu besar. Link gambarku seperti di bawah ini :

<a href="http://blog-masbudi.blogspot.com/" target="_blank"><img border="0" alt="Blog Mas Budi" src="http://s474.photobucket.com/albums/rr101/setyobr_46/setyo-budi.gif" img/></a>

Gimana...sudah bisa di mengerti...

Selamat Mencoba...dan tetap semangat untukmu para blogger sejati...

"Mungkin Ini Artikel Yang Anda Cari"