Cara Pasang Emoticon di Komentar Sekaligus Posting Blog

Sahabat D_Gal ada yang punya blog ??? Lalu ingin pasang emoticon di blog ?? Nahh, kamu tepat berkunjung di postinganku kali ini. Iyya, kali ini saya akan kasih tau cara pasang emotikon di Komentar Sekaligus Posting. Di tempat lain biasanya hanya di kasih tau cara pasang di Komentar saja atau di posting saja. Tapi, untuk postingan saya kali ini, saya kasih di Komentar dan Posting Sekaligus :D
Tak percaya ?? Simak caranya berikut ini ..

Banyak para Owner suatu blog menambahkan Emoticon di Komentar dan Posting. Tujuannya adalah supaya blog terlihat keren, menarik, dan terlihat Profesional. Lalu, tujuan yang lain adalah memasang Emoticon terkesan Friendly. Agar Pembaca bisa berkomentar dan memberikan isi hatinya dengan emoticon tersebut. Nahh. kali ini saya kasih cara pasang Emoticon di Komentar Sekaligus Posting. Ceekiidoott ....
:-)

1. Masuk ke Dasbor Blog Sahabat donkk :D

2. Silakan klik Template

3. Lalu Edit HTML ( Bisa Di Backup dulu untuk antisipasi jika terjadi kesalahan)

4. Cari kode ]]></b:skin> (tekan CTRL+F untuk lebih mudah)

5. Copas Kode di bawah ini tepat di atas ]]></b:skin>


.emoWrap {
  position:relative;
  padding:10px;
  margin-bottom:7px;
  background:#fff;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* Opera */
background-image: -o-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FFFFFF), color-stop(1, #FFF9F2));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to left, #FFFFFF 0%, #FFF9F2 100%);
  border:3px solid #860000;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
  -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:normal;
  color:#333;
}

.emo.delayLoad display:inline; text-align:left; margin:0; padding:1px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:none; background-color:transparent; border-radius:none; -moz-border-radius:none; -webkit-border-radius:none

.emoWrap:after {
  content:"";
  position:absolute;
  bottom:-10px;
  left:10px;
  border-top:10px solid #860000;
  border-right:20px solid transparent;
  width:0;
  height:0;
  line-height:0;
}


6. Cari kode </body> (tekan CTRL+F untuk lebih mudah)
    </body> biasanya terletak paling bawah edit HTML

7. Copas Kode di bawah ini tepat di atas </body>


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, .post-body div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Klik untuk melihat kode!",
emoMessage:"Untuk memasukkan emoticon setidaknya ada satu spasi sebelum kode emoticon.."
})
});
//]]>
</script>
<script src='https://boyz.googlecode.com/svn/JS/emoticonnya.js' type='text/javascript'/>

</b:if>

NB : tulisan warna merah boleh di ganti dengan kata - katamu.

8. Nahh, sekarang lihat postingan dan komentarmu, maka jika kalian menulis kodenya. Akan keluar dehh emoticonnya 
(h)

Contoh dari Keberhasilan Emoticonnya bisa dilihat pada Blog saya ini. Saya mengaplikasikan cara ini di blog saya. Jadi, saya jamin postingan saya kali ini 100% no Hoax.

Ok, sekian dulu postingan dari saya. Jika ada kesulitan atau apapun untuk di tulis di komentar. Terima kasih.
"D_Gal~poenya" #Salam_SuperDuper