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 sobat bisa sekalian meng-like fanspage blog sobat,
tetapi agar tidak memakan tempat like box fb dapat disembunyikan seperti
tutorial berikut.
1. Log in ke blogger.
2.Klik rancangan » add gadget » HTML/Java Script.
3.Pastekan kode di bawah ini pada kolom yang sudah disediakan.
2.Klik rancangan » add 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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggO3DSLOnLDg17YS88S91WImkqv5Sy0bPp1Dpz1wHI5saokzU7ii0Vj_qWZSrVZa7G458CPJtyqH9eIVqVaOUiJE-mEvupqcKB2HtDAm18tQEn-aFV5rjaQ5XmPHRPq0vehMCSib9CtfU/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/pages/CB-Cebbing-Budaya/318710158167099?ref=hl&width=251&height=270&colorscheme=light&show_faces=true&border_color=%23cccccc&stream=false&header=false&appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe><span><a href="http://bdigg.blogspot.com/2012/04/cara-membuat-like-box-facebook.html" target="_blank">+ Get This</a></span></div></div>
Keterangan :
- Ganti kode yang berwarna biru dengan url fans page anda.
4.Pergi ke edit HTML dan letakkan kode dibawah ini di atas kode </head>.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </script>
0 komentar:
Posting Komentar