Siapa sih yang tidak kenal Sosial Media (Sosmed) satu ini Yappss Facebook, Facebook kini Telah Menciptakan Fitur Barunya Yaitu Sticker, Sticker di facebook berukuran BESAR, tapi Blogger gak mau kalah nih, Blogger pun menciptakan emoticon yang sama persis seperti facebook tapi berukuran kecil. Penasaran ?? Anda harus sedikit mengutak-atik HTML Anda Sendiri, Oke, langsung saja ini Tipsnya.
- silahkan Login blogger.com
- Masuk bagian Edit HTML
- Cari Kode </body>
- Simpan kode berikut ini 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> - Langkah terakhir 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>
Sekian Semoga Tips Blog ini yang berjudul Memasang Emoticon Facebook Diblog, Bermanfaat untuk mempercantik Blog kamu Selamat Mencoba
0 Response to "Memasang Emoticon Facebook Diblog"
Posting Komentar