Cara Memasang Cute 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.

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 

Bagikan Yuk :

Tweet

Artikel terkait :

• Memasang Filter Komentar Jorok
• Cara Memasang Cute Emoticon di atas Komentar Blog

Ditulis Oleh : Unknown ~ http://cokawaii.blogspot.com

KAmU BaRu aJa mEmBaCa aRtIkEl tEnTaNg Cara Memasang Cute Emoticon di atas Komentar Blog. KamU BoLeH CoPaSt aRtIkEl iNi, BuT JaNgAn lUpA UnTuK MeNcAnTuMkAn lInK SuMbErNyA. THaNkS FoR ViSiT... <a href="http://cokawaii.blogspot.com/2014/03/cara-memasang-cute-emoticon-di-atas.html" target="_blank">Cara Memasang Cute Emoticon di atas Komentar Blog</a>

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Ash Princess Kawaii