Cara Membuat Emoction Pada Kotak Komentar

Oleh Unknown

Wednesday 17 October 2012

Bagikan :

Tweet

Cara Membuat Emoticon Pada Kotak Komentar - Kali ini Saya akan membuat Artikel yg Lucu,Menarik dan Keren seperti Pada gambar di samping.
Emoctionnya bisa nongol gx di kotak komentar ?
Tenang aja yg satu ini di jamin Emoctionnya bakalan muncul di kotak komentar sobat. Langsung aja yuk,,,,, kita liat pembuatannya

• Login Ke Blogger
• Klik Template >> Edit Html
• Cari code di bawah ini

</body>

• Letakkan code berikut Di Atas code tadi

<style type='text/css'>
.emoWrap {
background-color:Transparent;
border:2px solid  Transparent ;
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;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
putEmoAbove = "iframe#comment-editor",
emoMessage = "Untuk menyisipkan emoticon setidaknya Anda harus menambahkan satu spasi di awal simbol.";
//]]>
</script>
<script src='http://reader-download.googlecode.com/svn/trunk/jquery.autoemoticons.js' type='text/javascript'/>

•  Save Template n liat hasilnya ^_^

Keterangan :

• Biru = Kata-Kata Sobat
  

Tag : Tutorial Blog