Kali ini Dicky's kembali menshare Tips Blog yang berjudul Cara Membuat/Memasang Emoticon Facebook Di Blog | Tadi Dicky's dapat pelanggan, yang bunyinya gini :
Dan kini Dicky's akan membagikan Tips membuat emoticon fb diblog, oke, kita kembali kepembicaraan. Tahu emoticon kan ?? Ssiipp,dan Facebook kini menciptakan fitur baru yaitu Sticker, Sticker difacebook berukuran BESAR, tapi Blogger gak mau kalah nih, Blogger pun menciptakan emoticon yang sama persis seperti facebook tapi berukuran kecil. Penasaran ?? Sobat harus sedikit mengutak-atik HTML sobat, Oke, langsung saja ini Tipsnya.
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.......
Sumber : sch-xp.blogspot.com
Post a Comment