Emoticon Smiley Untuk komentar Blogspot

Dulu jika ingin membuat kotak komentar dibawah postingan harus pakai jasa pihak ke-3 misalnya haloscan, tetapi yang menggunakan jasa haloscan berbondong-bondong memindah kotak komentarnya menjadi default blogger lagi karena blogger sudah membuka sistem "embedded comments form".

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, ehh sampai lupa menawarkan tutorial yang satu lagi yaitu tampilan komentar pemilik blog berbeda (baca disini). 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.

Rekomendasi Untuk Anda close button minimize button
 
Informasi-Informasi Saja Copyright © 2009 - 2013, Designed by Bie Themes