Kode untuk Pasang Badge/Button

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


Copy kode di bawah ini:

<br /><a href="http://ekacakra.blogspot.com" target="_blank"><br /><img src="http://img526.imageshack.us/img526/2946/20253232179571185251359us9.png " border="0"><br /></a><br />

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://ekacakra.blogspot.com/
BBB= ganti dengan alamat gambar button/badge yang telah diupload ke internet.
Misal menjadi: http://img526.imageshack.us/img526/2946/20253232179571185251359us9.png

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