tutorial memasang radio era tersembunyi di blog
admin nak ajar korang macam mana nak letak radio era tersembunyi di blog....
ok caranya macam ni...
mula2 log in blog korang> dashboard > design > add gadget > html/java script
pastu korang copy code dibawah ni
(highlight code terlebih dahulu dan gunakan crtl+c untuk copy)
ok caranya macam ni...
mula2 log in blog korang> dashboard > design > add gadget > html/java script
pastu korang copy code dibawah ni
(highlight code terlebih dahulu dan gunakan crtl+c untuk copy)
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://4.bp.blogspot.com/-oLGg4uoMrxI/T3BzxzTNELI
/AAAAAAAAAcE/KActL4ID9eo/s1600/Untitled.png') no-repeat; } .gbcontent{ float:left; border:2px solid #666666; background:#F5F5F5; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <center><a href="http://rilekstenang.blogspot.com/" target="_blank">
<img src="http://2.bp.blogspot.com/-jE-D20fjf38/TszDwVjW1-I/AAAAAAAABnQ/P22Si9-LmYc/s400/era.png" />
</a></center> <center style="color: rgb(51, 51, 51); font-family: arial; font-size:
14px; line-height: 22px; background-color:false; ">
<iframe src="http://www.era.fm/images/Capsule/era.swf" scrolling="no" frameborder="0"
style="width: 260px; height: 121px; "></iframe></center> <center>Powered By
<a href="http://rilekstenang.blogspot.com/" target="_blank" title="tutorial here">
rileks tenang</a></center> <div style="text-align:right">
<a href="http://rilekstenang.blogspot.com/" target="_blank"><small>tutorial here</small></a> <a href="javascript:showHideGB()"> [close] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></a>
/AAAAAAAAAcE/KActL4ID9eo/s1600/Untitled.png') no-repeat; } .gbcontent{ float:left; border:2px solid #666666; background:#F5F5F5; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <center><a href="http://rilekstenang.blogspot.com/" target="_blank">
<img src="http://2.bp.blogspot.com/-jE-D20fjf38/TszDwVjW1-I/AAAAAAAABnQ/P22Si9-LmYc/s400/era.png" />
</a></center> <center style="color: rgb(51, 51, 51); font-family: arial; font-size:
14px; line-height: 22px; background-color:false; ">
<iframe src="http://www.era.fm/images/Capsule/era.swf" scrolling="no" frameborder="0"
style="width: 260px; height: 121px; "></iframe></center> <center>Powered By
<a href="http://rilekstenang.blogspot.com/" target="_blank" title="tutorial here">
rileks tenang</a></center> <div style="text-align:right">
<a href="http://rilekstenang.blogspot.com/" target="_blank"><small>tutorial here</small></a> <a href="javascript:showHideGB()"> [close] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></a>
pastu korang paste kat html yang korang bukak tadi... dah tu save le...
siap sudah... hahaha
Posted in: informasi
