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">4. Pergi ke-Tab Edit HTML dan Pastekan Kode dibawah ini tepat diatas kode </head>
//<!--
$(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/AVvXsEgZ0wSqA5xiUBrbNTLJRWKlYsovDPCr5JVV3BJCCa57cXNL6NKZH9-YfOMYDbOH7z6mYDDvLOinrFXddfDCkeEdst5fZDFbPhprz_q3hN5mdLZyqIVaC5jM4mdTslvW4LKmrVFMpxI6BPA/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/DunianyaBlogger&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://dunianya-blogger.blogspot.com/2012/08/cara-membuat-like-facebook-tersembunyi.html " target="_blank">+ Get This</a></span></div></div>
<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
0 Komentar:
Posting Komentar