Entri Populer

Emoticon Smiley Untuk komentar Blogspot

Diposting oleh jundullah-online Jumat, 17 April 2009

Nah semakin meningkatknya para komentator di blogger maka semakin meningkat pula keinginan para blogger untuk mengubah tampilan area komentar dan menambah pernak-pernik lainya, maka dari itu saya juga ingin membuat pernak-pernik komentar blogger dengan smiley yang memungkinkan sang komentator bisa mengexpresikan ucapanya dengan sebuah gambar emoticon atau smiley.

"Ilmu tak akan bermanfaat jika tidak dibagi-bagikan", Nah ucap-ucapan itulah yang membuat saya selalu ingin berbagi, sebelum saya membuat tutorialnya terlebih dahulu saya akan memberikan informasinya, Gambar emticonya cukup sederhana bisa dilihat dibawah ini

B):F:$:J:(O::K:D:M:S:):O:P:@:L:8
Gambarnya seperti diatas, teks atau tulisan yang disamping kanan gambar adalah symbol yang jika ditulis di kotak komentar akan berubah menjadi gambar yang ada disamping kirinya.

Nah jika Anda berminat membuatnya ikuti langkah-langkah dibawah ini

Pertama-tama masuk blogger dan masuk menu Layout kemudian masuk menu Edit HTML

Jangan lupa centang "Expand Widget Templates"

Taruh Script dibawah ini diatas code </body>

<script src='http://www.geocities.com/luq_anas/emoglass.js' type='text/javascript'/>

Kalau sudah cari code HTML seperti dibawah ini

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>


Kemudian sisipkan code HTML dibawah ini diantara code yang berwarna biru dan hijau diatas tadi atau lebih tepatnya dibawah code <p class='comment-footer'>


<b><img border='0' src='http://www.geocities.com/luq_anas/smiley/smiley-cool.gif'/>
B)
<img border='0' src='http://www.geocities.com/luq_anas/smiley/smiley-cry.gif'/>
:F
<img border='0' src='http://www.geocities.com/luq_anas/smiley/smiley-embarassed.gif'/>
:$
<img border='0' src='http://www.geocities.com/luq_anas/smiley/smiley-foot-in-mouth.gif'/>
:J
<img border='0' src='http://www.geocities.com/luq_anas/smiley/smiley-frown.gif'/>
:(
<img border='0' src='http://www.geocities.com/luq_anas/smiley/smiley-innocent.gif'/>
O:
<img border='0' src='http://www.geocities.com/luq_anas/smiley/smiley-kiss.gif'/>
:K
<img border='0' src='http://www.geocities.com/luq_anas/smiley/smiley-laughing.gif'/>
:D
<img border='0' src='http://www.geocities.com/luq_anas/smiley/smiley-money-mouth.gif'/>
:M
<img border='0' src='http://www.geocities.com/luq_anas/smiley/smiley-sealed.gif'/>
:S
<img border='0' src='http://www.geocities.com/luq_anas/smiley/smiley-smile.gif'/>
:)
<img border='0' src='http://www.geocities.com/luq_anas/smiley/smiley-surprised.gif'/>
:O
<img border='0' src='http://www.geocities.com/luq_anas/smiley/smiley-tongue-out.gif'/>
:P
<img border='0' src='http://www.geocities.com/luq_anas/smiley/smiley-undecided.gif'/>
:@
<img border='0' src='http://www.geocities.com/luq_anas/smiley/smiley-wink.gif'/>
:L
<img border='0' src='http://www.geocities.com/luq_anas/smiley/smiley-yell.gif'/>
:8
</b>

Nah kalau sudah SAVE pengaturanya.

Coba kamu cek di kotak komentar kamu!
Sekian semoga bermanfaat!
tunggu trik-tips selanjutnya key..!



Artikel Terkait:

0 komentar

Posting Komentar