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 JUGA ARTIKEL TERKAIT DI BAWAH INI :

Di Sini Adalah Inspirasi Untuk Sobat Blogger Semua.

• Cara Membuat Emoticon Pada Komentar Blogger Di Blog Hai sobat blogger, wah semangat nih karena sekarang ada postingan bagus tentang Cara Membuat Emoticon Pada Komentar Blogger Di Blog. Sebelumnya sudah pada tahu kan apa itu emoticon? Ya... ... [Baca Selengkapnya]
• Cara Membuat Link Sumber Otomatis Saat Artikel Di Copas Di Blog Tentunya kita berharap dalam membuat sebuah artikel dapat berbagi kesesama dan tentunya dengan cara di copy paste (copas) oleh orang lain. Dan kita yang mengharapkan mereka yang copas artikel kita ... [Baca Selengkapnya]
• Cara Membuat Teks/Widget Bergerak Di Blog Sobat blogger memiliki widget bagus dan pengunjung harus mengetahui keberadaan widget tersebut? dengan membuat widget yang bergerak dapat menarik perhatian para pengunjung blog untuk melihat ... [Baca Selengkapnya]
• Cara Membuat Text Area Di Blog Untuk apa sih text area itu, selain untuk kerapian posting blog juga bermanfaat untuk menghemat halaman agar tidak terlalu penuh. selain itu terkadang kita dalam mengcopy-paste kode tertentu ter ... [Baca Selengkapnya]
• Kumpulan Gambar Animasi Bergerak Emoticon "Ragnarok"Artikel Ini Rekomendasi Dari : Cara Membuat Emoticon Pada Komentar Blogger Di Blog Lanjut... Bagi Kamu Yang Belum Tahu Cara Menyimpan Gambar Atau Cara Copy URL Gambar, Ikutilah Cara Di Bawah Ini ... [Baca Selengkapnya]

Ditulis Oleh : Tutorial Blog Eno » Di Sini Adalah Inspirasi Untuk Sobat Blogger Semua.

Saat ini kamu sedang membaca artikel tentang Cara Membuat Widget Facebook Fans Page Melayang Dan Tersembunyi Di Kanan Blog. silahkan kamu Copy-Paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link di bawah ini sebagai sumbernya. INGAT : saling menghargai kreatifitas sesama sobat blogger oke. <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">Cara Membuat Widget Facebook Fans Page Melayang Dan Tersembunyi Di Kanan Blog</a>

[Mau Seperti Ini?]