Cara Membuat Widget Facebook Fans Page Melayang Dan Tersembunyi Di Kanan Blog

Oke pertama-tama sobat blogger harus punya dulu Halaman Facebook baru bisa menggunakan widget ini.
Bagi sobat blogger yang belum punya Halaman Facebook : Klik Di Sini & lengkapi pendaftaran kamu.

Lanjut...

Melalui HTML/JavaScript :

Oke saya rasa tidak perlu panjang lebar, ayo di mulai...

Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.

Ikutilah langkah-langkah di bawah ini :

1. Klik Tata Letak.
2. Klik Tambah Gadget.
3. Pilih Gadget HTML/Javascript.
4. Kemudian (copy & paste Kode di bawah ini untuk memasukkan widget ini pada blog kamu).

<script src="https://sites.google.com/site/tutorialblogeno/javascript/cara-membuat-widget-facebook-fans-page-melayang-dan-tersembunyi-di-kanan-blog.js" type="text/javascript"></script>
<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".fblikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.fblikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiENWaoPGE3eWN1toRYwYCkn10hmU_PNjkBdBcCJ1yTIYqdWlL8kmZ300LqgwXINosnd8U4leTclddJfq8YlcC7Fe2iQIqA86HyX8_nNyJonm_YXG1pEN7pVCwbnWA63wqbseQw3ZPsAS4/s1600/Cara+Membuat+Widget+Facebook+Fans+Page+Melayang+Dan+Tersembunyi+Di+Kanan+Blog.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%;}
.fblikebox div{background:#ffffff;border:none;position:relative;display:block;}
</style>
<div class="fblikebox">
<div>

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FTutorial.Blog.Eno&amp;width=310&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:310px; height:290px;" allowTransparency="true"></iframe>

<span><a href="http://tutorial-blog-eno.blogspot.com/2014/11/cara-membuat-widget-facebook-fans-page-melayang-dan-tersembunyi-di-kanan-blog.html" target="_blank">[Mau Seperti Ini?]</a></span>
</div>
</div>

Keterangan :

• Warna orange adalah link kode "JavaScript" blog.
• Warna fuchsia adalah URL gambar, silahkan kamu ganti dengan selera yang kamu mau.
• Warna purple adalah kode warna, silahkan kamu ganti dengan selera yang kamu mau.
• Agar lebih mudah menemukan kode warna yang kamu inginkan : Klik Di Sini
• Silahkan kamu ganti Tutorial.Blog.Eno dengan profil halaman facebook kamu sendiri.
• Berikut contoh URL halaman facebook "Lengkap" saya : https://www.facebook.com/Tutorial.Blog.Eno?ref=hl, maka ID profil saya adalah Tutorial.Blog.Eno.
• width=310 atau width:310px: adalah ukuran lebar, silahkan kamu ganti dengan selera yang kamu mau.
• height=290 atau height:290px; adalah ukuran tinggi, silahkan kamu ganti dengan selera yang kamu mau.
• colorscheme=light adalah warna skema, silahkan kamu ganti dengan selera yang kamu mau.
• light (Cahaya), dark (Gelap).
• show_faces=true adalah menampilkan wajah pengikut, silahkan kamu ganti dengan selera yang kamu mau.
• true (Benar), false (Palsu).
• header=true adalah menampilkan judul "Temukan kami di Facebook", silahkan kamu ganti dengan selera yang kamu mau.
• true (Benar), false (Palsu).
• stream=false adalah menampilkan posting halaman facebook, silahkan kamu ganti dengan selera yang kamu mau.
• true (Benar), false (Palsu).
• show_border=true adalah menampilkan garis batas, silahkan kamu ganti dengan selera yang kamu mau.
• true (Benar), false (Palsu).

5. Simpan Pengaturan.

Rekomendasi Untuk Kamu :

• Kumpulan Gambar Tab "Facebook Fans Page"

Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat.

█████████████████████████████████████████████████████████████████
Jangan Lupa Like, Comment & Share Artikel Ini Ya » Terima Kasih Atas Kunjungannya » Salam : Eno Sutrisno

[Baca Selengkapnya]