Selamat SORE......
...™[̲̅̅L̲̅UT̲̅HF̲̅I] [̲̅̅z̲̅-x̲̅]™ .......................................................................................
Sudahkah Anda Mengetahui Kamera CCTV...?
Yang Pasti pada udah Tau yaa...
Nah Biasanya kan CCTV itu buat ngerekam Perampok...
Nah Loh perampok...#gosong deh.....
yaa.... kalow diblogger Berfungsi Memperindah deh [cool] gitu.....
Tapi kali ini saya mau Bagi-Bagi Cara Pasang CCTV(camera) onCLICK Keluar Begonoan....
Begonoan tuh apaaaa.... {About Me}
DetaiL of Begonoan =,=''
...... 
.... 
......Facebooknya Kecil ya...
.....................................#kasian ya........heehee...
Langsung ke TiTik yaaa...
.+ Log in ke Blogger
.+ Menuju Rancangan
.+ Ke Elemen Laman
.+ Tambah Gadget
.+ udah tau kan HTML/JavaScript
Nah sekarang Masukin Script kayak Ginian....
#dibawah ini :)
<center><a href="javascript:void(0);"onclick="showHideAT()"/><img border="0" src="https://lh3.googleusercontent.com/-fp9PExkOmaM/TzVPLlFFFRI/AAAAAAAAA5E/1ows6jCszT8/s120/Hey+coy+%28+www.fake-buku.blogspot.com+%29+CCTV.gif" alt="cbox" title="Click | About Me" style="display:scroll;position: fixed; top:0px;right:0px;cursor:pointer;style=" opacity:1;filter:alpha(opacity="100)&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;" onmouseover="this.style.opacity=1.0;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=1.0;this.filters.alpha.opacity=100" ;" height="90px" width="77px" /></a></center>
<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:1px solid #000000;
background:#000000 repeat-y center;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:9px;
}
</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(http://3.bp.blogspot.com/_bBL9ze_JZsw/TT_XA8lKqMI/AAAAAAAAAM0/uiy-BP_zbN8/s1600/black25.png) no-repeat;">
<br/>
<br/>
<br/>
<center><a href="https://plus.google.com/u/0/110891635296115123215"><img border="0" title="My.Google" alt="My.Google" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh96IZPzx2ViKFSdaOivy63A34kzQviKgvWf4W5IJn3mDC4hq-Rce93cRQOSJ1qmCPeSxMMKIR8SXsmBfd3fErQ-J951NeEisz8yVFBC1pqsiivleVnyCLjyIe5qycexS9GLXucMJWl/s150/Hey+coy+%28+www.fake-buku.blogspot.com+%29+google_plus.png"/></a>
<a href="http://www.facebook.com/Arta.Crew"><img border="0" title="My.Facebook" alt="My.Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguGRmYJn4D6pwqHAVyXWRaujF7O0tHYIANcWEs9ot-gwICf9eDObpBSBlSs6YgjtywLGAQDqzUWSeJpN1pOmxn4hhhsJ95zPI6i7FZq8awCW3YjZ2HvT4eIyuv-OuN7_NGIfmnAyvT/s150/Hey+coy+%28+www.fake-buku.blogspot.com+%29+inside-facebook.png"/></a>
<a href="http://www.twitter.com/ArtaCreativity"><img border="0" title="My.Twitter" alt="My.Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp4VICO9hAC2KNAASbvbmCGFecKTaa_t8FwTC3wHdS4hBNgmaxy87aLU001ny0hee-70RTV1hgVdAPXxFtd-oWWrS8ZJrXbvvUlPU0Lmw6B3LDIEnHJWqVVmH0D6VjvIZl2dS8-m-D/s150/Hey+coy+%28+www.fake-buku.blogspot.com+%29+glossy-Twitter.png"/>
</a></center>
<br/>
<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script></div></div></div></div>
...
........ ......
horeeee....horeeee......
0 Comments
