Monday, July 1, 2013

Cara Membuat Like Facebook Melayang di Blog

Cara Membuat Like Facebook Melayang di Blog | Zoo Tutorial -Selamat malam sobat blogger. Pada kesempatan kali ini saya akan membagi tutorial yang mungkin sangat kalian sukai yaitu Cara Membuat Like Facebook Melayang di Blog. Menurut saya sendiri Tutorial sangatlah sederhana dan cara ini memang ampuh untuk mempercantik blog dan memperbanyak like Fans Page kalian, yakni dengan Memasang Like Facebook Melayang diblog kalian dengan cara ini pasti secara otomatis semua pengunjung blog kita akan melihat Like Facebook terlebih dahulu. Mau tahu caranya? Pahami dengan baik - baik!

Screenshot :

Copy Kode Like Facebook di Bawah ini :
 <!-- FB melayang tombol close --!>
<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.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'>
<p style=" margin-right:10px;  font-size:15px; color:#000000;">Bantu saya menyukai halaman ini supaya tetap aktif. Dengan cara klik tombol<blink> Like</blink> dibawah ini</p><br/>
<!-- Mulai --!>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FZooTutorial&amp;width=290&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;show_border=true&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:258px;" allowtransparency="true"></iframe>

<!-- Selesai --!><a class='close' href='#'>&times;</a>
<p style=" float:right;  margin-right:35px;  font-size:10px;" >Kunjungi Terus <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://lingga-community.blogspot.com">Zoo Tutorial</a></p>
    </div> 

Cara Pasang Like Facebook di Blog : 
  1. Masuk ke blogger.
  2. Pilih Tata Letak.
  3. Tambahkan Gadget.
  4. Paste Kode tersebut.
Catatan : 
  • Kode yang berwarna Merah bisa kalian ganti sesuai keinginan masing - masing.
  • Kode yang berwarna Biru kalian ganti dengan URL Like Facebook kalian sendiri.

Demikianlah postingan saya pada kesempatan kali ini tentang Tutorial Cara Membuat Like Facebook Melayang di Blog. Semoga berguna bagi kalian semua.

No comments:

Post a Comment