close

<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d4446831562288921036\x26blogName\x3d%E3%83%84+Rush+Shafiq+%E3%83%84\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttp://rushshafiq.blogspot.com/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3dhttp://rushshafiq.blogspot.com/\x26vt\x3d-7130052547661151014', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>
PUSH
Current updates:
Giler bosanlah duduk rumah je x buat ape ape :(
♥ Owner
Hello, Assalamualaikum. My name is Muhammad Rushafiq or known as Rush Shafiq/Rush/Shafiq. I'm 18 years old. The owner of this blog. Thank you for visiting my simple blog. Please come again soon :)

Facebook | Twitter | Formspring | Blogskin

 ♥ Rush Shafiq |
♥ Navigation
Stories Profile Stuffs Affiliates Hire
♥ Like


♥ Talk
♥ Klik Klik
Please KLIK my CHURP CHURP below here


♥ Blog Archives


♥ Credits
Designer: Rush | Shafiq
Graphic: Adobe Photoshop CS4
Thanks to: Izyan | Han Hanan


Tutorial - Slide Float Widget
17.3.11 | 10:18 PM | 7 comments
:c: Salam korang. Shafiq rase dh lama x buat tuto kan:s: Tibe2 mood nak buat tuto. Ok tuto kali ini shafiq nk ajr korang sume mcm mane nk buat Slide Float Widget atau kalau korang x tau ape bende binatang ni tgk gamba bawah ni


1) Ok first sekali korang pegi Design>Add gadget>HTML/javascript
2) Then copy code di bawah ni dan paste di bahagian HTML/javsscript

<style type="text/css">
#at{
position:fixed;
right:450px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:2px solid #ff0000;
background:url() #000000;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:url() no-repeat;">


LETAK APA2 JENIS CODE DI SINI



</div>
</div>

<br />
<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="http://3.bp.blogspot.com/_LhHZAifMoFE/TN6myUsdsZI/AAAAAAAAC-Q/VqSys0LrD3o/s1600/close_button.gif" alt="close" title="Close" /></a></div>
<br><


<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script></center>
 
           #000000 itu adalah code warne background. Boleh tuka dgn code warna kesukaan anda.         Klik sini utk cari code warne kesukaan anda.

            Close  itu pula juga boleh tuka dengan ayat korang suka

3) Then ikut balik step 1 dan copy code di bawah ini pula dan paste diruangan HTML/javascript
<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;F
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

<div style='display:scroll; position:fixed; top:220px; right:-0px;'>
<a href="javascript:void(0);"onclick="showHideAT()"/><img class="expando" width="180" height="180"src="http://2.bp.blogspot.com/_LhHZAifMoFE/TOZUO-BqzTI/AAAAAAAADC8/JILidKZpmIk/s1600/button%2Bpush.png" alt="PUSH" title="KLIK ME" /></a>

</div>
       http://2.bp.blogspot.com/_LhHZAifMoFE/TOZUO-BqzTI/AAAAAAAADC8/JILidKZpmIk/s1600/button%2Bpush.png itu korang boleh tuka dengan gambar icon kesukaan anda.

      Klik me juga boleh tukar dengan ayat korang

 Sudah selesai. Payah sikit buat tuto ni. Selalunye mmg x jadi
TRY AND ERROR 


Kalau x jadi sila komen. Kalau jadi pon komen la jugk. hehehe
 






NEWER POST | OLDER POST | HOME