Membuat Like Box Facebook Tersembunyi

      Facebook dapat di jadikan sumber promosi para blogger, karena pengguna facebook kian hari kian banyak maka tidak ada salahnya mempromosikan blog kita di facebook. Like box fb di blog bisa membuat orang yang berkunjung ke blog kalian bisa sekalian mengLike FansPage Blog sobat, tetapi agar tidak memakan tempat Like Box FB dapat disembunyikan seperti tutorial berikut.

1. Masuk ke blogger.
2. Klik Rancangan/Design  » Tambah Gadget » HTML/Java Script
3. Pastekan kode di bawah ini pada kolom yang sudah disediakan.
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.floatinglikebox{background: url("http://3.bp.blogspot.com/-VXmAJdQRHJ8/Tra8E16fZGI/AAAAAAAAClg/o5M632x9qX8/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.floatinglikebox div{border:none;position:relative;display:block;}
.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.floatinglikebox span a{color: #808080;text-decoration:none;}
.floatinglikebox span a:hover{text-decoration:underline;}
</style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/Blogs.Kevin&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe><span><a href="http://kevin-thereds.blogspot.com/2012/07/membuat-like-box-facebook-tersembunyi.html " target="_blank">+ Get This</a></span></div></div>
4. Pergi ke-Tab Edit HTML dan Pastekan Kode dibawah ini tepat diatas kode </head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </script>
5. Terakhir "SAVE TEMPLATE"

Keterangan :
- Ganti Kode Yang BerWarna HIJAU dengan URL FansPage Sobat


Kevin Pramana

Selamat Datang Diblog Saya Yang Sederhana ini, Saya Harap Kalian Semua Senang dengan Blog saya ini, Mohon Maaf Jika ada Salah Kata dalam Postingan saya.. Keep Visit ya !

11 Comments:

  1. mantaff om kevin titor nya !

    BalasHapus
  2. Ajibbb Dahhhh Omm Trutornyaaaa

    bener bener ajibb Suport me Yaaa

    BalasHapus
  3. mantap sob,tapi ane pake yang floating aja dech,soalnya blog saya loadingnya udah berat

    BalasHapus
  4. kasih kode ini sob
    <span style='float:center;color:red;font:italic 14px Viner Hand ITC, Sans-Serif;'><center><b>karena saya berpikir lebih baik mengunjungi<br/> dari pada menanti :)</b></center><p /><center><blink>Tinggalkan jejak anda</blink></center></p></span>

    BalasHapus
    Balasan
    1. Thank's Bang Misbahudin , Maaf Kalo Nge-Repotin !!! HiHiHiHi

      Hapus
  5. Boleh dicoba ni sob, thanks infonya ya :D

    BalasHapus

 

Copyright @ 2013 Kevin Pramana Cyber.