Karena permintaan salah salah satu sahabat HarTono Arie Indonesia yang bertanya cara membuat dan memasang Fan Page Facebook
yang ada di blog saya ini, maka dari itu saya akan membuatkan tutorial
bagaimana cara membuat Fan Page Facebook tersembunyi tersebut, sebagai
contoh sahabat bisa melihatnya di blog saya, letaknya disebelah kanan
blog, Berikut cara pembuatannya.
Silahkan Ikuti Langkah-langkah berikut :
1. Silahkan login akun Blog Anda
2. Pilih menu Rancangan dan Pilih Elemen Laman
3. Setelah itu pilih Tambah Gadget
4. Kemudian Tambahkan HTML/JavaScript
5. Dan Copy dan kode di bawah 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://i1123.photobucket.com/albums/l546/wizyuloverz/Facebook1.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: #;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=http://www.facebook.com/hartonoindo&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:#;" allowtransparency="true"></iframe><span><a href="http://nextcreators.blogspot.com/2012/09/cara-membuat-fan-page-facebook.html" target="_blank">+ Get This</a></span></div></div>
//<!--
$(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://i1123.photobucket.com/albums/l546/wizyuloverz/Facebook1.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: #;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=http://www.facebook.com/hartonoindo&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:#;" allowtransparency="true"></iframe><span><a href="http://nextcreators.blogspot.com/2012/09/cara-membuat-fan-page-facebook.html" target="_blank">+ Get This</a></span></div></div>
6. Setelah di Copy silahkan sahabat ganti situs fan fage Facebook yang berwarna Hijau diatas yang anda miliki
7. Setelah Selesai Silahkan Simpan/SAVE widget, kemudian lihat hasilnya.
Setelah saya pasang di blog ane, ko' beda ya....dengan tampilan yg ada di blog ane????
BalasHapusgan gk bs di copii
BalasHapus