25/09/11

Tutorial cara menyembunyikan shoutbox | Common Right





Tutorial cara sembunyikan shoutbox pada sebelah kanan blog By Blogger BLog tutorial

Cara ini adalah dengan menyembunyikan shoutbox pada  sebelah atas kanan pada blog anda...
cara ini adalah yang paling banyak digunakan...

Live demo dia..tu ada di sebelah kanan tengah bersantai

login ke blog anda..pergi ke design...pilih add a gadget..pilih html / javascript  ...kemudian masukkan copy script dibawah dan paste pada content add a gadget tu...


<style type="text/css">
#polskahackrewright{position:fixed;top:50px;z-index:+1000}* html #polskahackrewright{position:relative}.polskahackrewrighttab{height:100px;width:30px;float:left;cursor:pointer;background:url('http://lh6.ggpht.com/_naHJiFaNhAs/TSvfCOO-1cI/AAAAAAAABJQ/kjWL9y5tb28/shoutbox-tabs.png') no-repeat}.polskahackrewrightcontent{float:left;border:2px solid #666;background:#F5F5F5;padding:10px}</style><script type="text/javascript">
function showHidepolskahackrewright(){var polskahackrewright=document.getElementById("polskahackrewright");var w=polskahackrewright.offsetWidth;polskahackrewright.opened ? movepolskahackrewright(0, 30-w) : movepolskahackrewright(20-w, 0);polskahackrewright.opened = !polskahackrewright.opened;}
function movepolskahackrewright(x0,xf){var polskahackrewright=document.getElementById("polskahackrewright");var dx=Math.abs(x0-xf) > 10 ? 5 : 1;var dir=xf>x0 ? 1 : -1;var x=x0 + dx * dir;polskahackrewright.style.right=x.toString() + "px";if(x0!=xf){setTimeout("movepolskahackrewright("+x+", "+xf+")", 10);}}
</script><div id="polskahackrewright"><div class="polskahackrewrighttab" onclick="showHidepolskahackrewright()"></div><div class="polskahackrewrightcontent">


gantikan tulisan ini dengan code shoutbox anda

</div></div><script type="text/javascript">
var polskahackrewright=document.getElementById("polskahackrewright");polskahackrewright.style.right = (30-polskahackrewright.offsetWidth).toString() + "px";</script>


gantikan tulisan kaler tu dengan code shoutbox anda...sekian



4 ulasan:

Mr. Sharz berkata...

Widget JS memang nampak lebih dinamis, tapi sayang seringkali bikin berat loading blog ya gan..

Polskahackrew berkata...

@Mr. SharzMemang dinamis..JS yang memberatkan page loading ialah JS external(luaran)...yang di atas ni JS internal(dalaman)..tidak terlalu berat namun jika digabungkan JS internal dan JS external.. barulah ianya menjadi berat...begitula penerangannya...thanks sudi selongkar blog serba pelik ni..hehe

ʆαʆα berkata...

thanx!

Polskahackrew berkata...

@ʆαʆα
your welkom..('',)

entri ja

Related Posts Plugin for WordPress, Blogger...