Cara menambahkan Emoticon Smiley Ke Blogger TERBARU 2013

Walau Mungkin di Google banyak cara menambahkan emoticon smiley pada komentar blogger, tapi yg menggunakan JQuery masih jarang.Ini adalah fasilitas emoticons otomatis yg dapet merubah simbol :), :D, :P menjadi sebuah gambar yg unyu-unyu.Bagi yg mau coba langsung CEKIDOT aje

1.  Masuk ke Blogger > Dashboard Blogger > Template > Edit HTML. Cari kode ]]></b:skin>, lalu pastekan script dibawah ini diatas 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 dibawah 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'/>

Catatan: Jika blog anda sudah terpasang JQuery, hapus script yang berwarna biru.

3.  Simpan.

Selamat mencoba!
Jangan lupa kasih +1 ya...  

Ditulis Oleh : Adinda Dara ~ Daudpinter™.blogspot.com ~

Sobat sedang membaca artikel tentang Cara menambahkan Emoticon Smiley Ke Blogger TERBARU 2013. Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Saling menghargai kreatifitas sobat Blogger. <a href="http://daudpinter.blogspot.com/2013/06/cara-menambahkan-emoticon-smiley_23.html" target="_blank">Cara menambahkan Emoticon Smiley Ke Blogger TERBARU 2013</a>

:: Get this widget ! ::