Halaman

Selasa, 26 Februari 2013

Cara Membuat Like Box di Sisi Kanan Kiri Blog

Buat yang lagi pusing ingin menaruh Like Box nya ngumpet di sisi Kiri/kanan. Ni ane akan kasih tau caranya ..
Petama kamu buat dulu Halaman atau Fans Page nya .
Kemudian kamu masuk ke sini Like Box Fans Page
Kalau sudah jadi klik Get Code, Kemudian pilih yang IFrame terus Copy atau diamkan dulu
Terus tinggal masukin ke Blogger dech, Ingat buka New Tab
1. Login Ke Akun Blogger Sobat
2. Pergi ke tab Template, kemudian Klik Edit Html
3. Centang Expand Widget
4. Cari kode </head> ( biar mudah nyarinya, gunakan Ctrl+F)
5. Taruh kode yang di bawah ini, tepat di atas </head>


<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
6. Klik Save Templates
7. Kemudian masuk ke menu Tata Letak
8. Klik Add Gadget/Tambah Gadget
9. Pilih Html/JavaScript

Untuk sebelah Kanan Blog, Masukan Kode di bawah ini

<script type="text/javascript"> //<!-- 
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate ({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 
500);}); //--> </script> 
<style type="text/css"> 
.w2bslikebox{background: url("http://1.bp.blogspot.com/-UuBsjDC5vSc/TuiSd0g9bHI/AAAAAAAAAyk/MqKt8IpiIVM/s1600/facebook1.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} 
.w2bslikebox div{border:none;position:relative;display:block;} 
.w2bslikebox span{bottom: 10px;font: 9px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} 
.w2bslikebox span a{color: #FF9D00;text-decoration:none;} 
.w2bslikebox span a:hover{text-decoration:underline;} 
</style><div class="w2bslikebox" style=""><div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FIndonesia-Team-Crew%2F348796771903019%3Fref%3Dhl&amp;width=250&amp;height=290&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=true&amp;appId=365638396863390" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:290px;" allowtransparency="true"></iframe></span></div></div>

Dan Untuk yang di sebelah kiri Blog, Masukan kode di bawah ini

<script type="text/javascript"> //<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate ({left: "0"}, "medium");}, function() {$(this).stop().animate({left: "-295"}, "medium");},
500);}); //--> </script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWLNSnqiOoQNa-hIStJwoMenDjiwYAbDHjOw7ZwQWo1-_ecVM0GpOWhNkEeEyTEWgc61ljvIcNxRYKd5PHveL4vsOPG8razldaORSVgzW9Ys1ZdcJXMV4Me2NOjohWx4HZ1mjhVW4VyscC/s1600/facebook1.png") no-repeat scroll right center transparent !important;display: block;float: left;height: 280px;padding: 0 50px 0 46px;width: 245px;z-index: 99999;position:fixed;left:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 10px;font: 9px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;left: 6px;text-align: left;z-index: 99999;}
.w2bslikebox span a{color: #FF9D00;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FIndonesia-Team-Crew%2F348796771903019%3Fref%3Dhl&amp;width=250&amp;height=290&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=true&amp;appId=365638396863390" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:290px;" allowtransparency="true"></iframe></span></div></div>

Catatan : Kode yang berwarna merah ganti dengan kode IFrame Plugin Like Kamu ....

10. Klik Simpan/Save dechh ...

Taraa jadi Dech ...

Tidak ada komentar:

Posting Komentar