Blog Inspirasi Digital

Blog Inspirasi Digital

Tutorial Mikrotik, Hotspot, Blog, SEO, WEB 2.0, HTML, CSS, Javascript dan Inspirasi Digital

Pasang Emoticon di kotak komentar

Angkat semua gelas ke atas 1..2..3 mari bersulang "Tingg***" weks sampai segitunya, maklum lah...kan lagi seneng2nya menyambut sistem commenting terbaru dari G-spot hihihi. Eh.. ada yang kurang nih, mana cemilannya om? bentar....ini dia cemilannya "Emoticon"  Kok emoticon? ya iya lah..masa ya iya dong, khan belum lengkap rasanya bila sistem commenting terbaru tidak disandingkan dengan Emoticon. Penasaran? lanjut...


Ya udah lebih serius dikit om...ok :)


Memasang emoticon diatas kotak komentar tentu lebih memudahkan komentator menunjukan ekpresi dan emosinya. Untuk sample Emoticon ini bisa dilihat pada kolom komentar milik om, gimana? imut kan...*sok imut mode on*...ups hampir lupa om ngucapin terima kasih untuk mas Totoks.com yang dulu pernah ngasih om Script Emoticon ini. Thanks ya mas :)



Sebelum memasang Emoticon diatas kotak komentar, pastikan dulu sudah menggunakan sistem commenting terbaru dari blogger (baca disini),  jika penjelasan om masih belum berhasil juga..mungkin memang harus ada perubahan pada koding XML Template, coba kunjungi blog sahabat oom Kang Rohman karena dia sudah membahas secara rinci cara setting kotak komentar dibawah posting ini.

 

Untuk memasang kode Emoticon pada kolom komentar, pertama..masuk kehalaman Edit HTML, kemudian copy-paste Script berwarna orange dibawah dan letakan diatas kode </body> kode ini biasanya berada dipaling bawah pada kode HTML.
 

<script src='http://oom.blog.googlepages.com/smiley.js' 
type='text/javascript'/> 
</body>
</html>


Sedangkan untuk memasang kode emoticon diatas kotak komentar, tetap berada pada halaman Edit HTML (jangan lupa beri tanda centang pada Expand Template Widget). kemudian cari kode warna merah 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>

Sudah ketemu? kalo sudah, sekarang copy paste semua kode dibawah ini dan letakan di bawah kode <p class='comment-footer'> (lihat script sebelumnya) kalo sudah selesai jangan lupa disimpan, dan lihat hasilnya :)

 



<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> 
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> 
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/> 
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/> 
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> 
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> 
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> 
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> 
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> 
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> 
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> 
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> 
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> 
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> 
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> 
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/> 
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/> 
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> 
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/> 
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/> 
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/> 
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> 
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> 
=))</b>
 


Selamat mencoba..happy blogging with o-om.com

BERI KOMENTAR

Silahkan beri komentar dengan bijak dan sesuai dengan topik artikel :)
 

Back to Top