Membuat Banner dan Tukeran Link Banner

Barangkali ada rekan-rekan yang ingin membuat kotak tukaran link seperti contoh dibawah ini, tetapi belum mengetahui cara membuatnya, maka pada artikel kita kali ini kita akan coba bahas cara membuatnya.

Tukaran Link? Copy/Paste Code HTML berikut ke blog anda

 

  

<a href="http://www.relevan01.co.cc" target="_blank"><img border="0" alt="ReLevaN Blog" width="90" src="http://images.cooltext.com/2073109.png" height="15" /></a>

Langkah-langkahnya sebagai berikut :
- Sebelumnya kita buat logo-nya terlebih dahulu, jika belum punya kita dapat memanfaatkan fasilitas membuat logo secara gratis di http://cooltext.com;

- Klik Logos di menu bagian atas;

- Pilih dan klik bentuk logo yang kita diinginkan;
- Sekarang kita masuk ke bagian Design Your Logo, disini kita dapat mengatur logo text, warna, font, ukuran, dan sebagainya, sesuaikan dengan keinginan kita;
- Jika sudah selesai Klik Render Logo, tunggu sampai proses membuat logo selesai;
- Sekarang akan muncul bentuk logo-nya;
- Kita klik Download Image (untuk menyimpan logo/ image tersebut) dan Get HTML Code (untuk mendapatkan script-nya), tetapi sebelum itu kita akan diminta untuk register terlebih dahulu, jadi silahkan register dahulu;
- Jika sudah selesai sekarang login ke account blog kita;
- Setelah masuk Dashboard > klik Tata Letak;
- Sekarang kita tentukan letak-nya mau ditampilkan dimana Kotak Tukeran Link tersebut, setelah kita tentukan kita klik Tambah Gadget;
- Pilih Text > kemudian klik Edit HTML;
- Sekarang Copy/Paste script dibawah ini;
(selain dapat ditampilkan di sidebar blog, kita bisa juga membuat posting khusus untuk bertukar link seperti ini)

<p>Tukaran Link? Copy/paste code HTML berikut ke blog anda</p><a href="http://www.relevan01.co.cc/" target="_blank"><img alt="ReLevan Blog" src="http://images.cooltext.com/2073109.png" width="90" border="0" height="15" /></a>
<p><textarea rows="3" cols="20"><a href="www.relevan01.co.cc" target="_blank"><img border="0" alt="Relevan Blog" width="90" src="http://images.cooltext.com/2073109.png" height="15" /></a></textarea></p>

Catatan :
Kita ganti yang warna Merah dengan URL blog anda, warna Biru dengan judul image anda, sedangkan yang warna Ungu kita ganti dengan URL logo/ image tempat anda menyimpan image yang baru saja anda download di http://cooltext.com.

- Setelah selesai klik Save;

- Selesai.

Selamat mencoba, semoga bermanfaat.

Related Post