Cara Membuat Likebox Fanspage Fb Melayang Di Blog HTML5

  Hy Kembali lagi dengan saya  Fadhel Kansaz. Kali ini saya akn membagikan artiker tentang Cara Membuat Likebox Fanspage Fb Melayang Di Blog HTML5. Baiklah Mari Kita simak baik baik, fanspage like facebook di buat melayang atau pop up bertujuan untuk mengoptimalkan like menjadi banyak, karena setiap pengunjung masuk ke blog kita akan muncul sebuah pop up fanspage facebook agar bisa di like dengan mudah dan juga bisa di close dengan mudah, maka dengan menerapkan pop up fanspage facebook melayang ini sangat efektip untuk mengoptimalkan penyuka di halaman facebook anda sekaligus menjaring pengunjung agar dapat mudah meng akses artikel blog kita lewat halaman facebook, Dan lebih khusus lagi, ini merupakan script yang Valid HTML5 Jadi tidak akan mengurangkan skor SEO template anda. Script ini Beda dengan script yang di bagikan oleh orang lain, karena script mereka tu nggak valid html5 jadi bisa mengurangi skor seo template kita, Jadi bagi anda yang ingin membuat halaman fanspage like box ada di blog anda juga sangat mudah untuk di terapkan.

Contoh widget Like Box Fanspage Facebook Pop up

Cara Membuat Like Box FansPage Facebook Pop Up Melayang:

1. Buka akun blogger.
2. Pilih menu Tata letak > Tambah gadget > Html/Javasript
3. Letakan kode di bawah ini di kolom dan klik save.

<!-- FB melayang tombol close Start --!><style type='text/css'>#kotak-facebook {      position:fixed !important;      position:absolute; /* IE6 */      bottom:-1000px;      right:40%;      margin:0px 0px 0px -182px;      width:310px;      height:auto;      padding:16px;       -webkit-box-shadow: 0px 0px 7px #222;      -moz-box-shadow: 0px 0px 7px #222;      box-shadow: 0px 0px 7px #222;  background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;      color:#111;    -webkit-border-top-left-radius: 20px;    -webkit-border-bottom-right-radius: 20px;    -moz-border-radius-topleft: 20px;    -moz-border-radius-bottomright: 20px;    border-top-left-radius: 20px;    border-bottom-right-radius: 20px;}    #kotak-facebook a.ser {      position:absolute;      top:-10px;      right:-10px;      background:#333;      font:bold 16px Arial,Sans-Serif;      text-decoration:none;      line-height:22px;      width:22px;      text-align:center;      color:#fff;      border:2px solid #fff;      -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);      -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);      box-shadow:0px 1px 2px rgba(0,0,0,0.4);      -webkit-border-radius:10px;      -moz-border-radius:10px;      border-radius:10px;      cursor:pointer;    }</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.ser').click(function() {             $(this).parent().fadeOut();         return false;         });    });    </script>    <div id='kotak-facebook'><p style=" margin-right:10px;  font-size:15px; color:#000000;">Mohon Bantuannya yaahhh,<blink> Nyumbang Jempolnya aja !!!</blink> </p>
<div class="fb-like-box" data-href="https://www.facebook.com/Fanspageurl" data-width="275" data-height="400" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="false"></div><a class='ser' href='#'>&times;</a><p style=" float:right;  margin-right:35px;  font-size:10px;" >Powered By <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="blogspot.com">Blogger</a> , <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href=" https://plus.google.com/102251892160462703413 "> Fadhel Kansaz</a> And <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href=" http://fadhel98.blogspot.co.id/p/p.html "> Artikel Terbaru </a></p>    </div><!-- FB melayang tombol close And --!>

Catatan : Ganti ID id fanspage yang saya tandai dengan warna merah dengan ID fanspage facebook sobat.
Nah sekarang tinggal cek langsung, oke sobat saya rasa sudah cukup sekian dulu untuk tutorial Cara Membuat Like Box FansPage Facebook Pop Up Melayang.
Gimana, mudah bukan ?.. script itu dijamin kok 100% aman. oke yahh sampai sini saja dulu info dari saya, saya ucapkan terimakasih and wassalam.