Walaupun sebenarnya Cara menambahkan Emoticons di blogger sudah ada banyak di blogger, tidak ada salah-nya jika saya post di sini juga.
Yang satu ini, kode Emoticons untuk komentar di blogger, tidak ada salahnya saya post juga disini.
Jika ingin lihat demonya Klik Sini ,
langsung saja, ikuti langkah2 berikut :
1. Masuk Ke Blogger >> templete >> edid HTML, Kemudian cari kode ]]></b:skin> , untuk mempermudah pencarian gunakan Ctrl+f, lalu pastekan script di bawah ini di atas kode ]]></b:skin>
/* Emoticon Smiley -------------------------------------------- */
.emoWrap {background-color:#fff;
border:2px solid#0B6138;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
padding:10px 14px;
color:black;
font:bold 12px Tahoma,Arial,Sans-Serif;
text-align:center;
}
img.emo, input.emoKey {
display:inline-block; /* Penting! */
*display:inline;
vertical-align:middle;
}
input.emoKey {
border:1px solid #ccc;
background-color:white;
font:bold 11px Arial,Sans-Serif;
padding:1px 2px;
margin:0px 0px 0px 2px;
color:black;
}
2. Cari kode </head> Lalu pastekan script di bawah ini diatas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
putEmoAbove = "iframe#comment-editor",
emoMessage = "Untuk menyisipkan emoticon, beri satu spasi sebelum memasukkan kode.";
//]]>
</script>
<script src='https://sites.google.com/site/airalokablogspotcom/download/Emoticon%20Smiley.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
putEmoAbove = "iframe#comment-editor",
emoMessage = "Untuk menyisipkan emoticon, beri satu spasi sebelum memasukkan kode.";
//]]>
</script>
<script src='https://sites.google.com/site/airalokablogspotcom/download/Emoticon%20Smiley.js' type='text/javascript'/>
3. Simpan..