<a href="http://gedesitdownblog.blogspot.com/"target="_blank"><img border="0" alt="" src=" "/></a>

Dengan memasang widget seperti contoh diatas, anda bisa membantu blogger lain agar lebih mudah dalam bertukar link. Mereka tinggal copy dan paste script tukar link atau blogroll tersebut di sidebar blog mereka atau bisa juga ditempatkan di bagian lain pada blog. Anda bisa sesuaikan dengan kebutuhan tampilan blog anda.

Bagaimana cara membuat widget tukar link atau banner seperti di atas? Nah, ini dia cara membuat widget atau script kode tukar link atau link exchange atau blogroll di blog. 

Ikuti langkah-langkah berikut :

1. Browsing ke http://cooltext.com

2. Pada menu sebelah atas klik Logos, hingga muncul seperti pada gambar
    dibawah ini:

3. Pilih/klik logo yang anda suka

4. Logo dibagi atas dua bagian yaitu sebelah kanan dan kiri. Silahkan anda

    melakukan pengaturan atau desain sesuai dengan kebutuhan anda. 

5. Klik pada Image Width untuk menentukan ukuran logo, jika sudah selesai

    klik tombol Render Logo. Tunggu beberapa saat sampai proses membuat       logo selesai, seperti gambar dibawah ini.

6. Klik Download Image untuk langsung menyimpan logo/image ke hardisk

    atau flashdisk anda. 

7. Berikutnya tugas anda adalah menyimpan file logo tersebut ke harddisk       online atau penyimpanan online. Misalnya : http://www.photobucket.com, jika belum punya silahkan register dulu. Ambil kode HTML yang pendek, karena terdapat banyak pilihan kode HTML yang tersedia, pilih pilihan paling bawah seperti contoh :

    http://i1034.photobucket.com/albums/a430/gede7/anigif.gif

8. Login ke akun blogger anda, klik Tata Letak, Element Halaman, Tambah Gadget, HTML/JavaScript, klik tombol + (tambah). Lalu copy/paste script dibawah ini ke sidebar blog atau bisa juga dibuat posting khusus untuk bertukar link seperti ini.

Inilah Contoh Script yang bisa dipakai untuk menampilkan widget tukar link atau banner pada blog anda :

1. Untuk Kode Banner

<p>Mau Bertukar Link atau Banner dengan Gede Sitdown Blog? Silahkan di copy dan paste code HTML berikut ke blog anda</p>

<p><a href="http://gedesitdownblog.blogspot.com/" target="_blank"><img alt="Personal Blog || Inspirasi | Imajinasi | Kreasi | Informasi | Pendidikan ||" src="http://i1034.photobucket.com/albums/a430/gede7/anigif.gif" border="0" /></a></p>

<p><textarea rows="3" cols="31"><a href="http://gedesitdownblog.blogspot.com/" target="_blank"><img border="0" alt="Personal Blog || Inspirasi | Imajinasi | Kreasi | Informasi | Pendidikan ||" src="http://i1034.photobucket.com/albums/a430/gede7/anigif.gif "/></a></textarea></p>

2. Untuk Kode Link Teks

<p><a href="http://gedesitdownblog.blogspot.com/" target="_blank"><img alt="Gede Sitdown Blog" src="" border="0" /></a></p>

<p><textarea rows="3" cols="31"><a href="http://gedesitdownblog.blogspot.com/" target="_blank"><img border="0" alt="Gede Sitdown Blog" src=" "/></a></textarea></p> 

Keterangan:

Ganti tulisan yang berwarna biru dengan URL dan descripsi blog anda, warna merah judul image anda sedangkan yang warna hijau ganti dengan URL logo/image tempat anda menyimpan image yang baru saja anda simpan di http://www.photobucket.com

Ketika dipasang di sidebar hasilnya akan terlihat seperti ini: