Archive for 07/25/12
<div><div style="margin-bottom: 2px;"><i><b><small>Klik Untuk melihat</small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
disini anda meletakkan artikel / gambar atau terserah anda.
</div></div></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
disini anda meletakkan artikel / gambar atau terserah anda.
</div></div></div>
Bagi blogger yang mempunyai facebook fanpage sendiri, adalah biasa untuk meletakkan fanpage tersebut di blog. Biasa untuk letakkan di sidebar blog, untuk kali ini saya akan posting tentang cara memasang autohide facebook fanspage disamping blog anda.
Berikut langkah-langkah memasang autohide fb fanspage diblogger
langkah pertama:
a. dasboard - rangcangan - edit html
b. cari kode </head> (untuk mempermudah mencarinya tekan ctrl+f)
c. copi dan paste kode dibawah ini sebelum atau diatas kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
d.save templat.
langkah kedua:
a. dasboard - rancangan - page elemen - add gadget - HTML/javascript
b. copi dan paste kode dibawah ini ke gadget HTML/javascrip tersebut
<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://nurulcall-tanjungkalang.blogspot.com/2012/02/cara-membuat-fb-pagefans-auto-hide.html">Tutorial Here</a></span></div></div>
c. save templat
NB: ganti tulisan yang berwarna merah " URL PAGE ANDA " dengan url pagefans fb anda
Semoga Berfanfaat silahkan dicoba.
Tag :// tips-trik
