Home » » Tutorial Membuat Facebook Page Sembunyi di Samping Blog

Tutorial Membuat Facebook Page Sembunyi di Samping Blog

Pada postingan kali ini akan dibahas tutorial membuat Fcebook Page Sembunyi di samping Blog. Namun kali ini akan dibahas cari yang simple, agar bisa langsung diaplikasikan di blog sobat El Ti eF semua! Namun kayaknya langkahnya agak banyak, tapi InsyaAllah mudah diikuti!! Tanpa memperpanjang pembuka, langsung saja menuju tutorial membuat Fcebook Page Sembunyi di samping Blog!!!

Langkah2nya... 
1> Masuk ke akun Blog anda
2> Pilih Design
3> Pilih Edit HTML
4> Centeng/ceklis/klik pada kotak   Expand Widget Templates
5> Cari kode </head>   (untuk memudahkan, gunakan CTRL+F)
6> Copas kode berikut tepat diatasnya 
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

7> Klik Save Template

8> Nah, selanjutnya klik Page Elements
9> Pilih Add Gadget
10> HTML/Javascript
11> Copy kode dibawah ini

<script type="text/javascript">
//<!--
$(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("http://1.bp.blogspot.com/-3xq-Se4UF9w/TpOxNLDMYmI/AAAAAAAAAOM/yaPj4IUjnQ0/facebook.png") 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="http://www.facebook.com/plugins/likebox.php?href=URL FACEBOOK PAGE ANDA&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href=" http://ketikwww.blogspot.com/2012/01/tutorial-membuat-facebook-page-sembunyi.html ">Tutorial Here</a></span></div></div>



12> Silahkan ganti tulisan yang berwarna hijau dengan URL Facebook Page anda
13>Save, dan sekarang FP anda telah bersembunyi di samping blog!

Demikian tutorial membuat Fcebook Page Sembunyi di samping Blog, semoga dapat bermanfaat!!!

FEATURED and RECOMENDED POSTS
1. Iconia PC tablet dengan Windows 8 pilihan terbaik
2. Iman anda menipis? Jangan dibiarkan begitu sajat... Isi ulang iman anda disini
Pasang Link Blog/Iklan anda disini. Hanya 20 ribu tampil disetiap postingan. minat? klik disini
Comments
5 Comments