Membuat Emoticon pada Komentar Blog

Nah kalian pasti saat berkomentar ingin menggunakan emoticon agar terlihat ada ekspresi sedikit saya akan memberikan bagaiamana Membuat Emoticon pada Komentar Blog yang keren kali ini.

1. Login Akun Blogger anda
2. Pada Dashboard pilih Template » Edit HTML
3.Salin Kode dibawah inia, lalu letakan di atas kode </head>


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script> <script src="https://dmblog-project.googlecode.com/svn/Emoticononion.js" type="text/javascript"></script>

Nah kemudian Salin kode di bawah ini, kemudian letakkan tepat sebelum/di atas kode </body>


<b:if cond='data:blog.pageType == &quot;item&quot;'><script type='text/javascript'>//<![CDATA[jQuery(document).ready(function () {emoticonx({emoRange:"#comments p, div.emoWrap",putEmoAbove:"iframe#comment-editor",topText:"Klik untuk melihat code!",emoMessage:"Untuk memasukkan emoticon setidaknya ada satu spasi sebelum kode emoticon."})});//]]></script></b:if><b:if cond='data:blog.pageType == &quot;static_page&quot;'><script type='text/javascript'>//<![CDATA[jQuery(document).ready(function () {emoticonx({emoRange:"#comments p, div.emoWrap",putEmoAbove:"iframe#comment-editor",topText:"Klik untuk melihat code!",emoMessage:"Untuk memasukkan emoticon setidaknya ada satu spasi sebelum kode emoticon."})});//]]></script></b:if>

Agar lebih menarik tambah script CSS


<style>.emo.delayLoad { display:inline; text-align:left; margin:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; border:none; background-color:transparent; width:auto; height:auto; border-radius:none; -moz-border-radius:none; -webkit-border-radius:none }</style>

*Catatan kecil :



Nah semoga bermanfaat buat kalian yah :)