Di tulis Oleh:Alinoka Kamis, 17 Januari 2013

assalamualaikum wr, wb,
nah buat sobat sobat jika mempunyai blogspot   pasti kurang sempurna tanpa like fans page dan tombol shared di blog sobat ,,
disini ane mau bagi bagi niehh cara  untuk like melayang di tengah tengah blog sobat sekaligus fans page sobat di like nah langsung saja yookkk kita ,, ke TKP:

CONTOH:


  • 1. Login Blogger 
  • 2. Pilih Rancangan 
  • 3. Kilk Add Widget
  • 4. Pilih HTML/JavascriptS
DAN SELANJUTNYA: 
COPY CODE DI BAWAH INI



<style type='text/css'>  
#kotak-facebook {

      position:fixed !important;

      position:absolute; /* IE6 */

      bottom:-1000px;

      left:50%;

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

      width:300px;

      height:auto;

      padding:16px;

       -webkit-box-shadow: 0px 0px 10px YELLOW;

      -moz-box-shadow: 0px 0px 7px GREEN;

      box-shadow: 0px 4px 17px RED;  background-color:BLACK; font:normal 1em Cambria,Georgia,Serif;

      color:BLUE;

    -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:BLACK;

      font:bold 18px Arial,Sans-Serif;

      text-decoration:none;

      line-height:22px;

      width:22px;

      text-align:center;

      color:GREEN;

      border:2px solid RED;

      -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:15px;

      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) diklik

         $('a.close').click(function() {

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

         return false;

         });

    });

    </script>


    <div id='kotak-facebook'>

<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/KingCopasBlogspotku&amp;width=262&amp;height=340&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true&amp;appId=168185883229961" scrolling="yes" frameborder="1" style="border:none; overflow:hidden; width:262px; height:340px;" allowtransparency="true"></iframe>

    <a class='close' href='http://baongband-software.blogspot.com/'>&times;</a>

    </div>

JIKA SUDAH SELESAI
save dan lihat hasilnya

semoga bermanfaat SALAM SAHABAT




Post by: Alinoka
jam. 03.33 Kamis, 17 Januari 2013
1. Nama : Alinoka
2. Alamat: Banjar Patroman
3. No Telphone: Klik di sini
4. Respon: Komentar
5. Menu: Artikel ini

Tuliskan Komentar facebook