Cara Membuat Facebook Fan Page Melayang di Sebelah Kanan
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.
Bagi 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 atau kode widget lainnya, 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/AVvXsEh1JpeI7f4Ug7WKuDDXIr0OSnm88DaoPNMjidU5UBes79Ljk6kC_zesnhNKH8VCrWpzB5-0TmNprqeVURAi4NznldZElto3Kd-c45DCoITacEiwqLdFbOEt1D65v-GOy1qdRrFwDMFy8g6r/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>
Semoga artikel ini berguna untuk soba semua. Terimakasih dan ditunggu komentarnya .
No comments:
Post a Comment
Maaf Jika Ada Kata Yang Tidak Sopan/Spam Tidak Akan Saya Publikasikan.
Terimakasih