halo sahabat blogger... kali ini saya update lagi... ya itu tentang cara memasang fans page facebook tersembunyi di blog...
udah pada tau kan ?? hal ini udah harus di masukkan ke blog lohh... sekalian untuk promosi juga.. hehe :D
seperti ini nihh
lahh kok logo FBnya beda...
tenang... itu emk bisa di ganti... tapi kali ini saya akan memberikan yg ini
http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png
----------------------------------------------------------------------------------
berikut cara2na ...
bagian I :
1. buka blogger
2. masuk template > edit HTML
3. cari kode </head> (cari menggunakan ctrl + F untuk memudahkan)
4. letakkan kode berikut tepat diatas kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
kemudian klik save...
bagian II :
1. pergi ke tata letak...
2. klik tambah gadget...
3. pilih HTML/javascript
4. masukkan kode berikut
perhatikan tanda huruf yg berwarna merah ganti tulisan tersebut dgn link url halaman page sobat...
klau yg warna biru ... itulah gambar yg akan muncul di blog... jika kalian ingin menggantinya silahkan... tapi klau nggak yahh nggak usah...
5. terakhir klik save..
nahh itulah cara2nya SEMOGA BERMANFAAT !! :D
udah pada tau kan ?? hal ini udah harus di masukkan ke blog lohh... sekalian untuk promosi juga.. hehe :D
seperti ini nihh
lahh kok logo FBnya beda...
tenang... itu emk bisa di ganti... tapi kali ini saya akan memberikan yg ini
http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png
----------------------------------------------------------------------------------
berikut cara2na ...
bagian I :
1. buka blogger
2. masuk template > edit HTML
3. cari kode </head> (cari menggunakan ctrl + F untuk memudahkan)
4. letakkan kode berikut tepat diatas kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
kemudian klik save...
bagian II :
1. pergi ke tata letak...
2. klik tambah gadget...
3. pilih HTML/javascript
4. masukkan kode berikut
<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://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.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: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=URL PAGE ANDA&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://tutorialuntukblog.blogspot.com/2011/10/tutorial-sembunyikan-fb-fan-page-di.html">Tutorial Here</a></span></div></div>
//<!--
$(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://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.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: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=URL PAGE ANDA&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://tutorialuntukblog.blogspot.com/2011/10/tutorial-sembunyikan-fb-fan-page-di.html">Tutorial Here</a></span></div></div>
perhatikan tanda huruf yg berwarna merah ganti tulisan tersebut dgn link url halaman page sobat...
klau yg warna biru ... itulah gambar yg akan muncul di blog... jika kalian ingin menggantinya silahkan... tapi klau nggak yahh nggak usah...
5. terakhir klik save..
nahh itulah cara2nya SEMOGA BERMANFAAT !! :D
Label:
About Blog,
Facebook
...
