Fanpage Facebook Melayang di Blog




Pada kesmpatan yang kesekian kalinya ini kami Galery catatan akan memberikan sedikit ilmu buat para sahabat semua, nah yang kami bahas pada postingan ini adalah bagaimana cara membuat fanpage Fb melayang di Bologspot, nah ada yang pada belum tau kan? Nich liat langsung dibawah :


1. Pertama - tama yang harus anda lakukan adalah login ke account blogger melalui www.blogger.com
2. Kemudian masuk ke Dashboard lalu pergi ke Layout/Tata letak
3. Klik Add a Gadget => HTML/JavaScript.
4. Copy kode dibawah ini didalamnya


<!-- FB melayang tombol close --!>
<style type='text/css'> 
#kotak-facebook {

      position:fixed !important;

      position:absolute; /* IE6 */

      bottom:-1000px;

      right:10%;

      margin:0px 0px 0px -182px;

      width:300px;

      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:#C2CFDF; 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.close {

      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.close').click(function() {

              $(this).parent().fadeOut();

         return false;

         });

    });

    </script>


    <div id='kotak-facebook'>

  Klik Like !
<br/>
<!-- Mulai --!>
Letakkan kode Like box fanpage facebook sahabat disini
<!-- Selesai --!>
    <a class='close' href='#'>×</a>

    </div>
 
Download Kode

Keterangan:
Ganti Letakkan kode Like box fanpage facebook sahabat disini dengan kode scprit fan page sahabat

5. Langkah terakhir tinggal di Save/Simpan.


kemudian para sahabat tinggal cek hasilnya!!!!! ok demikian sedikit ilmu dari kami Galery Catatan semoga apa yang kami paparkan diatas menambah awawasan sahabat semua!!! jangan lupa klik iklan di blog ini ya.....!!!!! terimakasih...!!!!!

Tidak ada komentar:

Posting Komentar

Semoga artikel ini bermanfaat bagi para saahabat semua. Kami berharap anda dapat memberikan komentar, namun tolong agar menggunakan bahasa yang etis. terima kasih!!!