Cara Membuat/Memasang Emoticon Facebook Di Blog


Berikut Cara Membuat/Memasang Emoticon Facebook Di Blog :

  • Login ke Blogger, atau klik disini
  • Pilih Template --> Edit HTML --> Proses (loading dulu)
  • Cari kode </body> (gunakan CTRL+F), Lalu letakkan kode dibawah ini tepat diatas 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>


  • Simpan Template.

Jika Emoticon 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>



Semoga Tips Blog yang berjudul Cara Membuat/Memasang Emoticon Facebook Di Blog bisa bermanfaat.......
dan selamat mencoba.......

Silahkan Berkomentar ;) "Cara Membuat/Memasang Emoticon Facebook Di Blog "

Post a Comment