cara membuat fans page ( facebook page ) melayang di blog
Cara Membuat Facebook Fan Page Melayang - Kali ini saya akan membahas Tutorial Blog yaitu Cara Membuat Facebook Fan Page Melayang,
sudah lama saya tidak membuat post mengenai dunia Blogger nah kali ini
saya akan memberitahu sobat bagaimana cara membuat Facebook Fan Page
melayang di sebelah kanan bagian Blog. Bai sobat yang pengen menghemat
tempat untuk melatkan Facebook Fan Page sobat, tidak ada salahnya kan
mencoba membuat Facebook Fan Page milik sobat jadi melayang, selain
menghemat tempat, juga bisa menambah kreativitas bog sobat.
Langsung saja cara membuat nya :
- Login ke Blog kamu.
- Pilih Rancangan, Pilih Edit HTML.
- Cari kode </head>, setelah ketemu copy kode di bawah ini tepat diatas kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
- Simpan Template (Perhatian : jika sobat sudah pernah memasang kode diatas abaikan saja)
- Kembali ke Menu Rancangan > Add Gadget > HTML Java Script.
- Copy kode di bawah ini.
<script type="text/javascript">Ganti kode yang berwarna merah dengan Kode Facebook Fan Page milik kamu.
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS_LQ7TDZVWyIV7IUsMHz_vduP9tVguZII3xv7O6rtLLhH_baY9qqpyXp9vpJFmvDVLj-5-oVLq1QNjrRU3xMlyWKZLhG4K9C8OqsAteGJ1Z7M_m7Grfe6Y3ZPTgy1ogMu2zAnWQBVHdey/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlazer-Blog%2F193419544081467&width=270&height=245&colorscheme=light&show_faces=true&border_color&stream=false&header=true&appId=138085536301890" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:270px; height:245px;background:fff" allowtransparency="true"></iframe></div></div>
Cukup sekian penjelasan dari saya semoga sobat bisa memahami nya dengan baik
Backlink Please
| URL |
| Code For Forum |
| HTML Code |
Posting Komentar - Back to Content