Tutorial : Menambahkan Cute Emoticon di Komentar Blog



Bingung mau komentar apa? Kirim Emot aja shay~ ^^
Kadang pengen komentar di blog suka bingung ya mau nulis apa, sama halnya sepeprti komen di facebook, kalo bingung nulis apa tapi pengen ikutan komen kirim emot aja...
Kebetulan aku dapet Kawaii Emoticon untuk Komentar Blog ini pas lagi searching.. cus langsung aja cek ricek yuk cara pasangnya.


Ini contohnya :

Thanks to AshPrincess
Langkahnya :
1. Login Blog
2. Dashboard > Theme > Edit HTML
3. Cari kode ]]></b:skin> CoPas kode ini di ATAS nya

.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
}

4. Cari kode </head> dan CoPas kode ini di ATAS nya

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
Note : Jika Template kamu sudah terinstal jquery scripts apapun, lewati langkah ini.

5. Cari kode </body> dan CoPas kode ini di ATAS nya

<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> 
6. Save dan cek Komen postingan kamu.



Terima Kasih Sudah Berkunjung dan Membaca Artikel ini ya ^^

0 komentar:

Posting Komentar