Kode untuk Pasang Badge/Button

Gimana sih cara bikin kotak kode untuk pasang link, kayak di sidebar kanan blog ini? Gimana bikin badge/button/gambarnya itu?

Karena sering ada yang nanya, maka inilah jawabannya :)

Pertama, siapkan dulu gambar button/badge yang diinginkan. Kita bisa membuatnya sendiri dengan bantuan software Paint, Adobe Photoshop, atau yang lain. Tapi yang lebih mudah, kita bisa menggenerate secara otomatis dari web-web penyedianya.
Web untuk membuat gambar button/badge tersebut antara lain:
** Brilliant Button Maker
** Kalsey Button Maker

Kedua, simpan badge/button yang telah kita buat tersebut di image hosting kita. Bisa di imageshack.us, photobucket, atau lainnya.

Ketiga, tambahkan kode seperti di bawah ini ke template blog.

<a href="AAA"><img src="BBB" border="0"></a><br>
Copy kode di bawah ini: <br>
<form>
<textarea name="code" rows="3" cols="13">
<a href="http://AAA" target="_blank">
<img src="http://BBB" border="0">
</a>
</textarea>
</form>

AAA= ganti dengan alamat blog, di sini misalnya jadi: http://pernakpernikblog.blogspot.com/
BBB= ganti dengan alamat gambar button/badge yang telah diupload ke internet.
Misal menjadi: http://img139.imageshack.us/img139/3747/mybloguv4.png

Setelah itu, simpan atau republish template blog kita.
Done! :)
Baca selengkapnya....