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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL1Q3_sp_ttkfZjeowesHFlsZMuY1DfbbwaOd23dI8Un825oW_GCY2-CZ_482UlFqD6KNEkj7NYjDTnRsfSaXz59clnOqurzf2rnIM0HkXqygldz8WY1ucFXGRZqGkt8xbqEkCmesmgFA/') 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">
</div></div><script type="text/javascript">
var polskahackrewright=document.getElementById("polskahackrewright");polskahackrewright.style.right = (30-polskahackrewright.offsetWidth).toString() + "px";</script>
#polskahackrewright{position:fixed;top:50px;z-index:+1000}* html #polskahackrewright{position:relative}.polskahackrewrighttab{height:100px;width:30px;float:left;cursor:pointer;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL1Q3_sp_ttkfZjeowesHFlsZMuY1DfbbwaOd23dI8Un825oW_GCY2-CZ_482UlFqD6KNEkj7NYjDTnRsfSaXz59clnOqurzf2rnIM0HkXqygldz8WY1ucFXGRZqGkt8xbqEkCmesmgFA/') 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:
Widget JS memang nampak lebih dinamis, tapi sayang seringkali bikin berat loading blog ya gan..
@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
thanx!
@ʆαʆα
your welkom..('',)
Catat Ulasan