Membuat Kotak Link Exchange

Kalo kita mau bertukar link biasanya ada kotak seperti ini :

<a href="http://tutorialblogger.blogspot.com/"><imgsrc="https://lh5.googleusercontent.com/--6ZCa2HVsqQ/UOhu5BXA46I/AAAAAAAABy8/p4FPUiIyiOE/h120/banner125.png" width="90" height="17" border="0" /></a>
Bagaimana cara membuat kotak tersebut? Ikuti langkah berikut :

1. Login ke blogger trus pilih Layout --> Page Elements
2. Klik Add a Gadget lalup pilih HTML/Java Script
3. Kopi kode berikut ini di tempat yang disediakan.

<textarea name="textarea" cols="20"><a href="http://tutorialblogger.blogspot.com"><img src="https://lh5.googleusercontent.com/--6ZCa2HVsqQ/UOhu5BXA46I/AAAAAAAABy8/p4FPUiIyiOE/h120/banner125.png" width="90" height="17" border="0" /></a></textarea>

• teks yang berwarna hijau menunjukkan lebar kotak
• teks warna biru adalah link, ganti teks tersebut dengan alamat blogmu sedangkan
• teks warna merah adalah alamat gambar beserta ukurannya, ganti teks tersebut dengan alamat gambar km.

Simpan templatenya.

Hasilnya akan seperti kotak diatas, lalu gambarnya dimana? di dalam kotak tersebut terdapat teks, jika teks itu di copy lalu di paste di atas kode tadi, maka hasilnya akan menjadi gambar dan juga ada link-nya. Isi kotak diatas jika di copy dan paste akan menjadi seperti ini :


<a href="http://tutorialblogger.blogspot.com"><imgsrc="https://lh5.googleusercontent.com/--6ZCa2HVsqQ/UOhu5BXA46I/AAAAAAAABy8/p4FPUiIyiOE/h120/banner125.png" width="90"height="22" border="0" /></a>

=========================================================================
UPDATE

Untuk membuat Kotak Link Exchange menggunakan tombol "Select All" caranya :

<center><img src="https://lh5.googleusercontent.com/--6ZCa2HVsqQ/UOhu5BXA46I/AAAAAAAABy8/p4FPUiIyiOE/h120/banner125.png"/></center><br />
<div><form name="copy"><div align="center"><span><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Select All" type="button" /> </span></div><p align="center"><textarea style="width: 160px; height: 60px;" name="txt" rows="3" wrap="VIRTUAL" cols="15"><a href="http://tutorialblogger.blogspot.com"><img src="https://lh5.googleusercontent.com/--6ZCa2HVsqQ/UOhu5BXA46I/AAAAAAAABy8/p4FPUiIyiOE/h120/banner125.png" /></a>
</textarea></p></form></div>

Keterangan :

• Tulisan berwarna merah = gambar banner Anda
• Tulisan berwarna Orange = alamat blog Anda
• Tuilsan berwarna Hijau = lebar kotak
• Tuilsan berwarna Biru = tinggi kotak
• Tuilsan berwarna Kuning = baris script
• Tuilsan berwarna Ungu = panjang script

<br /> <a href="http://tutorialblogger.blogspot.com"><img src="https://lh5.googleusercontent.com/--6ZCa2HVsqQ/UOhu5BXA46I/AAAAAAAABy8/p4FPUiIyiOE/h120/banner125.png" /></a><br />

Subscribe

Monitor continues to update the latest from This blog directly in your email!