Home » » Cara Membuat Widget Fanspage Facebook Melayang di Blog

Cara Membuat Widget Fanspage Facebook Melayang di Blog

Subratagoweser.com - Pada kesempatan kali ini saya ingin membagikan Cara Membuat Widget Fanspage Facebook Melayang di Blog. Pasti kalian sudah tidak asing lagi mendengar Cara Membuat Widget Fanspage Facebook Melayang di Blog, karna sudah banyak blog yang membahas soal ini. Tapi saya juga akan ikut membahasnya. Siapa tau ada yang masih mau menggunakan cara yang akan saya share pada kesempatan kali ini.

baca juga: Cara Memasang MP3 Auto Play Super Ringan pada Blog


Caranya sebabsgsi berikit:
  1. Pastikan anda sudah memiliki sebuah halaman facebook. kalau belum ada,silakan buat dulu.
  2. Buka halaman blog yang anda kelola.
  3. Pada dasbor Blog anda, masuklah ke Elemen Tata Letak, pilih Add Widget/ Tambah Gadget.
  4. Selanjutnya copy code scrip di bawah ini kedalam Widget/ Tambah Gadget baru yang anda buat. 
  5. <!-- FB melayang tombol close by www.bloger.com --!>
    <style type='text/css'>
    #kotak-facebook {
    position:fixed !important;
    position:absolute; /* IE6 */
    bottom:-1000px;
    right:5%;
    margin:0px 0px 0px -182px;
    width:auto;
    height:auto;
    padding:5px;
    -webkit-box-shadow: 0px 0px 7px #222;
    -moz-box-shadow: 0px 0px 7px #222;
    box-shadow: 0px 0px 7px #222; background-color:#transparan; font:normal 1em Cambria,Georgia,Serif;
    color:#111;
    </style>
    <script type='text/javascript'>
    $(window).bind("load", function() {
    // animasikan nilai top saat halaman telah selesai dimuat
    $('#kotak-facebook').animate({bottom:"50px"}, 1000);
    // hilangkan kotak pesan saat tombol (x) di klik
    $('a.close').click(function() {
    $(this).parent().fadeOut();
    return false;
    });
    });
    </script>
    <div id='kotak-facebook'>
    <!-- Mulai --!>
    <iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/subratagoweser/;width240&amp;height=68&amp;colorscheme=light&amp;show_faces=false&amp;header=true&amp;stream=false&amp;show_border=false&amp;appId=1439296419615573" scrolling="no" frameborder="0" style="border:none; overflow:hidden;
    Width:240px;height:68px;"allowtransparencyy="true"></iframe>
    <!-- Selesai --!>
    <a class='close' href='#'>&times;</a></div>
  6. Kode yang berwarna merah ganti dengan Url halaman Facebook yang anda kelola. Simpan widget yang sudah anda buat tersrbut.
  7. Lihat hasilnya akan seperti ini: 
  8. Hasilnya akan seperti yang tampil di blog ini atau bisa liat di blog sarinbunga.
Demikian yang bisa saya sampaikan pada kesempatan kali ini, semoga bermanfaat.
Terimakasih

0 komentar:

Post a Comment