Blog akan menjadi lebih cantik dengan halaman Facebook yang kita
miliki ada pada Dinding Blog, hal ini juga secara tidak langsung kita dapat memantau halaman facebook kita. Caranya sangat mudah.
1. Buka Blog
2. Tata Letak
3. Tambah Widget
4 . Pilih HTML/Java skript dan pastekan
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><br />
<br />
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5c37Dr0kqtr7T0vqyjc0fIugSaYe8UocboTrcoJI-dEFxX8fHvLEZ8-z9ioo1bdfQ6Yq8-k6QfZ0Ao8i-1FH9g6VdulG5yW8w4J73jxyHzSwm_55QqkXtmBUD4qBdWuUVzLcliz9zTJW3/s150/w2b_facebookbadge.pn") 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>
<br />
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fcaramembuatblogspot&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>Widget by:<a href="http://www.super-gaptek.com/>Super Gaptek</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><br />
<br />
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5c37Dr0kqtr7T0vqyjc0fIugSaYe8UocboTrcoJI-dEFxX8fHvLEZ8-z9ioo1bdfQ6Yq8-k6QfZ0Ao8i-1FH9g6VdulG5yW8w4J73jxyHzSwm_55QqkXtmBUD4qBdWuUVzLcliz9zTJW3/s150/w2b_facebookbadge.pn") 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>
<br />
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fcaramembuatblogspot&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>Widget by:<a href="http://www.super-gaptek.com/>Super Gaptek</a></span></div>
</div>
5 . Simpan
Keterangan :
Ganti kata caramembuatblogspot dengan halaman facebook anda sendiri kemudian Lihat Hasilnya..!!
0 komentar:
Post a Comment
Terima Kasih sudah berkunjung di blog Rojay Creative.. Silahkan Tinggalkan Komentar..