hy
, gan makasih ya udah berkunjung ke blog saya, mohon apa bila nanti
meninggalkan blog saya tinggalkan jejak ya,, biar saya kunjungi balik
oke....
bagi sobat yang ingin tau caranya silahkan lanjutkan membacanya
heheheheee
langsug ajah deh, nih tutorialnya
1. masuk blogger''
2..rancangan/ design
3. elemen laman
4. add gadget
5. pilih HTML/java script
masukin script nya
bagi sobat yang ingin tau caranya silahkan lanjutkan membacanya
heheheheee
langsug ajah deh, nih tutorialnya
1. masuk blogger''
2..rancangan/ design
3. elemen laman
4. add gadget
5. pilih HTML/java script
masukin script nya
<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">
<div>
<iframe frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/ahmadbjblogs/%0A&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=250" style="background: #fff; border: medium none; height: 250px; overflow: hidden; width: 245px;"></iframe></div>
</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">
<div>
<iframe frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/ahmadbjblogs/%0A&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=250" style="background: #fff; border: medium none; height: 250px; overflow: hidden; width: 245px;"></iframe></div>
</div>
</div>
kemudian ganti http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png dengan url gambar yang anda ingin kan, untuk url bisa di cari di google gambar cari gambar yang anda inginkan copy URL nya buat mengganti url di atas,,
atau juga gambar nya bisa buat sendiri kemudian di upload di photobucket ambil url gambar nya buat mengganti url di atas
ganti http://www.facebook.com/ahmadbjblogs/ dengan alamat fans page blog anda , oh ya gak di ganti juga gak papa biar fans page blog saya di blog anda hehehee just kidding,,,,
oh ya kalau belum punya fans page blog di facebook silahkan buat dulu nih cara buat nya bisa liat di sini
Tutorial membuat fans page Blog di fb dan menampilkanya pada blog6. oke kemudian save,,,
tunggu dulu ini belum selesai
nah selanjutnya
7. masuk ke EDIT HTML
cari kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
copy paste kode tersebut di atas </head>
7. simpan Template
ettzzzzz tunggu dulu belum selesai selanjutnya anda harus coment heheheheheeeee
Don't forget to coment
semoga artikel ini bermanfaat untuk anda,,
Tidak ada komentar:
Posting Komentar