29 Maret 2014

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!

Cute Emoticon on the Blog Comment Rating: 4.5 Diposkan Oleh: Erna Ayuning Nareswari

6 comments:

Welcome

Social

Recent Posts