Cute Emoticon on the Blog Comment

Cute Emoticon on the Blog Comment


Hello kawaii lovers. This time I will share how to install cute emoticons on the blog comments.
How to install cute emoticons in the blog comments.

Put the css code above ]]></b:skin>
.emoWrap{position:relative; margin-bottom:7px; background:url(http://media.tumblr.com/e56caea58a12f244fabc1c7ec139dab2/tumblr_inline_mfnm34NnYx1qdlkyg.gif)repeat; border:2px dotted violet; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); -webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); font-weight:400; color:#333; padding:10px}
.emoWrap:after{content:&quot; &quot; ; position:absolute; bottom:-10px; left:10px; border-top:10px solid #3498db; border-right:20px solid transparent; width:0; height:0; line-height:0}
Then copy the following jquery code and put it on the </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/> 
If your template already installed any version of jquery scripts, skip this step.

then add the following code above </body>
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Click to see the code!",
emoMessage:"To insert emoticon you must added at least one space before the code."
})
});
//]]>
</script>
<script type="text/javascript" src="http://yourjavascript.com/40136152393/emotashkaomoji.js"></script>
</b:if> 

Save template and u are done!

6 comments

Ash Nareswari delete 29 Maret 2014 15.10

(c)

K.A.R.MA delete 11 Februari 2015 09.32

(h) thank you!

Misaki PureBlood delete 18 April 2015 06.49

(k) nice :D hehehe its so cute :D and its work XD

Ash Nareswari delete 18 April 2015 08.04

oki enjoy!! ty for visit :d

Misaki PureBlood delete 20 Januari 2016 02.17

;( Thank you.. ehehehe

Erna Ayuning Nareswari delete 20 Januari 2016 06.05

pleazure.... (k)