Cara Memasang Emoticon di atas Komentar Blog

Tutorial blog kawaii siang ini adalah cara memasang cute emoticon di komentar blog.

Kita akan menggantinya dengan emote cute, yaitu emoticon kaomoji animated.

Sering kita jumpai di banyak blog template html5 adalah emoticon kek gini.

Langkah pertama

Letakkan kode css bingkai/tempat emotenya di atas ]]></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}

notes:
ganti background sesuai keinginan kmu, aku ada koleksi background cute. bisa di lihat di
 Background Cute stripes
Background Kawaii 1
Background Kawaii 2

Langkah kedua

Copy kode jquery berikut dan letakkan di atas </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/> 

notes:
jika template km udah ada script jquery kek di atas,versi apapun abaikan langkah ini

langkah ketiga 

copy kode dan letakkan di atas </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> 

langkah terakhir

save template.

jika kamu ingin emoticon kuning animated kek ini


scriptnya:
https://boyz.googlecode.com/svn/JS/emoticonnya.js

gantiin aja js emotku di atas.

notes:

Jika kamu ingin ganti emoticonnya bongkar aja javascriptnya,dengan cara:

1. Klik kanan http://yourjavascript.com/40136152393/emotashkaomoji.js 

2. goto http://yourjavascript.com/40136152393/emotashkaomoji.js , maka akan keluar kode js di tab sebelah

3. copy semua kode dan paste di notepad

4. Ganti url emoticonnya dan save dengan file .js

5. Upload javascript, kalo aku upload di yourjavascript.com

6. copy url jsnya dan gantikan dengan url js emoticon versimu.

7. save template

Nah begitu lah cara memasang emoticon di komentar blog dan menggantikan emoticon dengan emoticon kesukaan kita. Kalo ada yg blom jelas, bisa bertanya di kotak komentar. selamat mencoba