Blogger templates

Pages

Monday 29 April 2013

Membuat Fan Page Ramah Di Sisi Kanan

Cara Membuat Fans Page Melayang Samping Kanan
, tutorial blogger, tips trik, dsb.
Berikut ini adalah caranya:
1. Login ke bloger anda
2. Pilih template,edit HTML dan centang expand template widget
3. Cari kode </head> dan letakkan kode di bawah ini tepat di atas kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

4. Simpan template anda. Lalu pilih Tata Letak dan tambah Widget, pilih HTML/javascript
5. Copykan kode di bawah ini ke dalam kolom widget HTML javascript!

 <script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".likebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.likebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left top transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:44%;}
.likebox div{border:none;position:relative;display:block;}
.likebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;}
.likebox span a{color: gray;text-decoration:none;}
.likebox span a:hover{text-decoration:underline;}
</style>
<div class="likebox" style="">
    <div>
 <iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Informasi-terbaru-seputar-silautINTERSEPSI/168734453162191&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span><b><a target="_blank" href="http://pribadibudi.blogspot.com/2013/04/membuat-fan-page-ramah-di-sisi-kanan.html">Get this widget</a></b></span>
    </div>
</div>


keterangan : ganti yang berwarna merah dalam kode di atas dengan Url fans page facebook anda


semoga bermanfaat gan, dan jangan lupa komnet untuk tukaran link, dan juga like fan page nya ya.....

0 comments:

Post a Comment