Cara Membuat Fans Page Facebook Auto Hidden di Blog | Bangiz

Cara Membuat Fans Page Facebook Auto Hidden di Blog

Bangiz - Untuk saat ini banyak cara untuk menambahkan sosial media anda untuk terhubung dengan blog atau website yang anda miliki. Tentunya anda harus punya dulu akunnya baik itu Facebook, Twitter, Google+ atau yang lainnya. Sebelumnya saya sudah membuat tulisan tentang Cara Membuat Halaman di FB / Facebook

Tutorial kali ini masih berhubungan dengan Facebook yaitu cara memasang fans page Facebook auto hidden.

Cara Membuat Fans Page Facebook Auto Hidden
Facebook / ilustrasi

1. Masuk Dasbor Blogger.
2. Pilih Template > Edit HTML.
3. Cari kode </head> (gunakan Ctrl+F untuk memudahkan).
4. Copy-paste kode berikut diatas kode </head>:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

Jika sudah ada, lewati langkah poin empat ini. Berikutnya adalah memasang kode fans page faebook pada platform Blogger.
5. Dari Dasbor Blogger pilih Tata Letak.
6. Tambahkan Gadget. 
7. Pilih HTML/Javascript, lihat Cara Menambahkan HTML/JavaScript.
8. Copy-paste kode di bawah ini pada kolom konten.
<script type="text/javascript">/*<![CDATA[*/jQuery(document).ready(function() {jQuery(".likebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/</script><style type="text/css">.likebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left top transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:44%;}.likebox div{border:none;position:relative;display:block;}.likebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;}.likebox span a{color: gray;text-decoration:none;}.likebox span a:hover{text-decoration:underline;}</style><div class="likebox" style="">    <div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FBangiz%2F557274137622952&width=300&height=290&show_faces=true&colorscheme=dark&stream=false&border_color&header=true&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#ffffff;"></iframe><span><b></b></span></div></div>
9. Ganti kode yang berwarna merah dengan kode fanpage Facebook Anda.
10. Simpan dan lihat hasilnya.

Sekian cara membuat atau memasang widget fans page Facebook auto hidden pada blog. Mudah-mudahan hasil bagus dan sesuai dengan keinginan Anda.
Name

Blogging,108,CorelDRAW,14,Desain Grafis,25,Facebook,22,Foto Sampul,32,Gambar,53,Info,26,Instagram,2,Internet,28,Kata Mutiara,26,Kesehatan,31,Komputer,25,Microsoft Word,12,Office,12,PhotoScape,10,Resep,6,SEO,10,Sosial media,21,Tutorial,35,Twitter,2,Wallpaper,18,
ltr
item
Bangiz: Cara Membuat Fans Page Facebook Auto Hidden di Blog
Cara Membuat Fans Page Facebook Auto Hidden di Blog
Cara mudah membuat fans page Facebook auto hide di blog, membuat fanspage FB menempel di pinggir blog, membuat fans page facebook di sidebar dengan efek tersembunyi, membuat fans page Facebook menjadi lebih keren,..
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrtO_8WRMJns6Mn3E0Ir9wrYYMlgUCZh48qHHtSE8_7MKYnlY6CRjVL06B3vnQsglnnD2VBmpuLjzvK3SLGwrAq7jlda41Y3UVoP4292YupLoO3ggib5xgIkoNytdn5jLyDprJ2BeAjdY2/w400-h188/FB.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrtO_8WRMJns6Mn3E0Ir9wrYYMlgUCZh48qHHtSE8_7MKYnlY6CRjVL06B3vnQsglnnD2VBmpuLjzvK3SLGwrAq7jlda41Y3UVoP4292YupLoO3ggib5xgIkoNytdn5jLyDprJ2BeAjdY2/s72-w400-c-h188/FB.jpg
Bangiz
https://bangiz.blogspot.com/2012/12/cara-membuat-fans-page-facebook-auto.html
https://bangiz.blogspot.com/
https://bangiz.blogspot.com/
https://bangiz.blogspot.com/2012/12/cara-membuat-fans-page-facebook-auto.html
true
5131493432912556385
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RELATED POSTS LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy