Kamis, 19 Mei 2011

Bikin Banner Exchange | Media Tukar Banner Dan Tukar Link Antar Sesama Blogger

Fungsi utama dari tukar banner atau banner exchange ini adalah untuk mempererat tali silaturrahmi antar sesama pemilik blog atau blogger. Gak jelas siapa sumber dan ide pertama kegiatan tukar banner ini mulai ada. Yang jelas, gak asyik banget saat sobat Tips Wisata Murah menampilkan link Iskaruji dot com dalam salah satu postingannya tanpa banner...hikks.

Iskaruji dot com

Untuk itu pada kesempatan ini saya akan sedikit berbagi bagaimana membuat banner exchange agar bisa bertukar link atau banner antar sesama blogger. Walaupun Iskaruji dot com sendiri telah menyiapkan media pasang banner otomatis hanya dengan menempatkan url banner dan blog, tukar banner manual ini juga bagus adanya.
  • Hal pertama yang perlu dipersiapkqan adalah url gambar banner kita.
  • Selanjutnya bikin detil banner kita dengan memperhatikan beberapa hal seperti url blog, anchor banner dan judul banner blog kita.
  • Membuat teks area sebagai tempat untuk menampilkan kode yang bisa dipasang di blog teman. Caranya adalah dengan menempatkan kode berikut:
<textarea rows="3" cols="23" onclick="select(this)">&lt;a href="URL BLOG" target="_blank" title="JUDUL BLOG"&gt;&lt;img style="border:0px;" alt="ANCHOR TEXT" src="URL GAMBAR BANNER"/&gt;&lt;/a&gt;</textarea>
Maka tampilannya akan menjadi seperti ini:



  • Jika mau menambahkan gambar banner diatas kode area banner, kamu bisa menambahkan kode untuk memapilkan gambar seperti berikut:
<a href="URL BLOG" target="_blank" title="JUDUL BLOG"><img style="border:0px;" alt="ANCHOR TEXT" src="URL GAMBAR BANNER"/></a>
Maka tampilannya akan seperti berikut:

Iskaruji dot com

Area kode banner sendiri bisa juga dipersonalisasi dengan widget buka tutup atau spoiler untuk menghemat tempat seperti yang ditunjukkan pada contoh paling atas. Selain itu, demi kesopanan dan etika kita, alangkah baiknya tidak memasang autoclick pada banner. Ini akan membuat jengkel pengunjung blog saat halaman yang sedang ia baca di-redirect ke halaman lain ketika mouse diarahkan ke banner kita.

Happy blogging!

0 komentar:

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Powerade Coupons