Sunday, February 5, 2017

Cara Memasang CCTV Animasi Di blog

Cara Memasang CCTV Animasi Di blog


Helo Saya Akan Memberi Tahu Cara Memasang CCTV ANIMASI


APAHKAH Anda tahu CCTVAnimasi..?
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)


Langsung ke TiTik yaaa...

 1.Log in ke Blogger
 2. Menuju Rancangan
 3. Ke Elemen Laman
 4.Tambah Gadget
 5.udah tau kan HTML/java scrip

Nah sekarang Masukin Script kayak Ginian....
#dibawah ini :) 


yang di bawah ini Posisi nya berada pada sebelah kanan......

dan saya post juga kok posisi sebelah kiri....
tinggal liat bagian bawah aja kok....



<center><a href="javascript:void(0);"onclick="showHideAT()"/><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPILu1aUwfz0d0Ah5Tfnns6y2L60HFUfY_VA-fDJ5qzcZWf_Yhof_4bhqLidJbxFKijbzLrr-2AT8B6ooS2vOCmAs53nkFiEIfhen9vgGo1eSqhRxh9HfNUEwkjXcVSvQAzksgYpbjF1zL/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;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/AVvXsEjNLQ2l7fzTps4JdamK6z_pCdUwCfGdPKh3xOBDMbTjfgTFhF4jLTGx4C-3ToJxsvr8IhP6v2rY-eRhBQs3CXtWNQaGjP6KEF5Ykyo_rThGc3r7tgIcRtIeNP_vQijmE0TrLSxpWD9a/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/AVvXsEj1CqwXOs4Q0lb18hAzztHi1o6qXsVtsNZZk62JWvFCzWbCsnrO5ZN9fD0ViaQmEb7B6BsVgeH6jWF6OV189wrvAMe4yzGvr2S82Cn87KUFjZRSl6xWN02KqD0WkzGwJ2ZTh924HirA/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/AVvXsEgswPbzJcF4TIPt_8Glt1APTMzJgX0qeQyWlj12MfEC3nH8NqWgsvzUqdeIGpS5dHF9E1T5tF_4RR5ZkP0J4LWooF9lvdlJQZ1DOKQrd2HnR1XqTwnkL0MVk_kQjr1JtBKFpabKkLnB/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>



SaVe  OKz




<center><a href="javascript:void(0);"onclick="showHideAT()"/><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPILu1aUwfz0d0Ah5Tfnns6y2L60HFUfY_VA-fDJ5qzcZWf_Yhof_4bhqLidJbxFKijbzLrr-2AT8B6ooS2vOCmAs53nkFiEIfhen9vgGo1eSqhRxh9HfNUEwkjXcVSvQAzksgYpbjF1zL/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;left:0px;cursor:pointer;style=" opacity:1;filter:alpha(opacity="100)&amp;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/AVvXsEjNLQ2l7fzTps4JdamK6z_pCdUwCfGdPKh3xOBDMbTjfgTFhF4jLTGx4C-3ToJxsvr8IhP6v2rY-eRhBQs3CXtWNQaGjP6KEF5Ykyo_rThGc3r7tgIcRtIeNP_vQijmE0TrLSxpWD9a/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/AVvXsEj1CqwXOs4Q0lb18hAzztHi1o6qXsVtsNZZk62JWvFCzWbCsnrO5ZN9fD0ViaQmEb7B6BsVgeH6jWF6OV189wrvAMe4yzGvr2S82Cn87KUFjZRSl6xWN02KqD0WkzGwJ2ZTh924HirA/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/AVvXsEgswPbzJcF4TIPt_8Glt1APTMzJgX0qeQyWlj12MfEC3nH8NqWgsvzUqdeIGpS5dHF9E1T5tF_4RR5ZkP0J4LWooF9lvdlJQZ1DOKQrd2HnR1XqTwnkL0MVk_kQjr1JtBKFpabKkLnB/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>



                    


Available link for download