Cara Membuat Emoticon Facebook Keren di Blog

Cara Membuat Emoticon Facebook Keren di Blog - Halo sobat blogger, kali ini saya akan share Cara Membuat Emoticon Facebook Keren di Blog , sebenernya bukan smile yang kecil kayak di fb, smile ini adalah smile sticker di fb, yaitu smile terbaru yang fb keluarkan, dan di konvert menjadi kecil kecil oleh Deddia Permana, untuk demonya ada di kotak komentar di bawah blog ini, Berikut tutorialnya :

1. Buka Blogger

2. Klik Template -> Edit HTML

3. Lalu cari code </body>, gunakan CRL+F / F3 untuk mempermudah pencarian

4. Kalo udah ketemu, copy kode di bawah ini dan letakan tepat di atas kode </body>

<style type='text/css'>
.emoWrap {
  position:relative;
  padding:10px;
  margin-bottom:7px;
  border:2px solid #00a3ef;
  color:black;
  font:bold 12px Tahoma,Arial,Sans-Serif;
  text-align:center;
  background-color:#FFF;
  background-image: -ms-linear-gradient(bottom, #FFFFFF 0%,  #00A3EF 100%);
  background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #00A3EF 100%);
  background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #00A3EF 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #00A3EF));
  background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #00A3EF 100%);
  background-image: linear-gradient(to top, #FFFFFF 0%, #00A3EF 100%);
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}
.emoWrap:after {
  content:"";
  position:absolute;
  bottom:-10px;
  left:10px;
  border-top:10px solid #00a3ef;
  border-right:20px solid transparent;
  width:0;
  height:0;
  line-height:0;
}
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 type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
putEmoAbove = "#comment-editor",
emoMessage = false;
//]]>
</script>
<script src='http://yourjavascript.com/7151170322/emot-fb-deddia.js' type='text/javascript'></script>

5. Klik simpan template / save

Jika smile tidak muncul update Jquery , cari kode </head>,copy code dibawah ini lalu letakan di atas </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'></script>

Script by DTE
Edited by Deddia Permana