Thursday, May 28, 2009

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:

badge box

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:
Living Daisy chicklet

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

Happy blogging (^_~)

3 comments:

  1. thanks utk posting ini..aku lagi nyoba2 bikin button...

    ReplyDelete
  2. THANKS YA ATAS TUTORIALNYA...DAN SUDAH MEJENG DI BLOG GW...! SALAM KENAL YA

    ReplyDelete
  3. oh ya lupa sekalian tukeran badge yaa thank you

    ReplyDelete

Your say..

LinkWithin

Related Posts with Thumbnails