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> 

script kaomoji:


<script src='https://cdn.rawgit.com/ayuningnareswari/nareswari-js/4572d478/ashcommentemo.js' type='text/javascript'/>



Save template and u are done!
author : Erna Ayuning Nareswari ~ http://ashprincesskawaii.blogspot.co.id
article Cute Emoticon on the Blog Comment posted by Erna Ayuning Nareswari. Thank you for your visit and your willingness to read this article. If you want to copy paste this article , please specify link Cute Emoticon on the Blog Comment as the source.
LEAVE COMMENT AFTER VISIT MY PAGE

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)