Popular Post

Posted by : harry wanx Jumat, 24 Mei 2013

ok ya sobat, tanpa basa-basi saja, karena saya tidak suka basabasi,
Check it out !

Ritual :
  • Masuk ke akun blog sobat.
  • Pilih Template =>> Edit HTML
  • Cari kode </head> Biar cepat gunakan Ctrl+F di kotak Edit HTML.
  • Jika sudah ketemu Copy kode dibawah ini kemudian Paste kode tersebut tepat diatas kode </head> 

"<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </script>" (tanpa tanda kutip dua)

  •  Kemudian Simpan Template.
Keterangan : Jika sobat sudah memiliki kode tersebut di template, kode diatas ini tidak usah di copy. Langsung ikuti langkah dibawah ini. 
  • Kemudian Pilih Tata Letak.
  • Kemudian Pilih Add Gedget / Tambah Gedget. 
  • Pilih HTML/Javascript. 
  •  Kemudian Copy kode dibawah ini.
<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/pesan.o.bijak?ref=hl&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://one-checkout.blogspot.com/2013/05/cara-membuat-slidebox-like-facebook.html" target="_blank">.:Get Widget:.</a>
</span>
</div>
</div>
 Keterangan : Judul tidak perlu di isikan
  • Paste Kode diatas ke widget HTML/Javascript. 
  • Ganti kode yang berwarna Merah dengan URL Fanspage Facebook sobat
  • Simpan dan lihat hasilnya.
Contohnya bisa sobat lihat di samping kanan blog ane tuh, kalo gak tau box nya TERLALU Amat tuh orang :D
Sekian artikel mengenai Cara Membuat SlideBox Like Facebook Auto Hide Pada Blog. Semoga artikel ini berguna dan bermanfaat bagi sobat yang membutuhkan. Jika ada yang kurang jelas atau mengalami kesulitan dalam pembuatan, silahkan berkomentar di kolom komentar atau di chatbox. Salam Blogger.
  

Leave a Reply

Subscribe to Posts | Subscribe to Comments

- Copyright © Check it out ! - Date A Live - Powered by Blogger - Designed by Johanes Djogan -