Badge HTML Box

Trik ini sy dapatkan dari BlogU. Sebenernya mungkin semua blogger jg udah tau trik satu ini. Tapi sy sendiri baru pakai (habis malas bikin badge c... hehe) dan suka lupa... makanya sy posting di sini, biar klo lupa bs refer ke blog sendiri... hihi (^_^)p

Tujuannya adalah membuat "Grab my button" atau "Grab my badge" dan sejenisnya, yg hasilnya kira2 jadi seperti ini:


Kode yg sy pakai utk mendapatkan hasil seperti gambar tersebut adalah:

<center><img style="border: 0px none ;" alt="Living Daisy" src="http://i44.tinypic.com/2cfytkz.jpg" width="125" height="125" title="Grab me ;)"/></center>
<center><textarea id="code-source" rows="3" cols="28" name="code-source"><a href="http://livingdaisy.blogspot.com"><img border="0" src="http://i44.tinypic.com/2cfytkz.jpg"/></a></textarea></center>

Nah, kode generalnya adalah sbb:

<center><img style="border: 0px none ;" alt="LINK TITLE" src="IMAGE URL" width="125" height="125" title="TOOLTIP TITLE"/></center>
<center><textarea id="code-source" rows="3" cols="28" name="code-source"><a href="BLOG LINK"><img border="0" src="IMAGE URL"/></a></textarea></center>

Copas kode tersebut ke dalam widget. Ubah nilai pada rows dan cols sesuai selera. Fin.

PS: klo malas bikin badge atau button sendiri, sebagai gantinya bisa bikin chicklet seperti ini:

Cuma perlu ke Chicklet Maker, sedikit ubah2 parameternya, jadi deey chicklet imut2.

Happy blogging (^_~)