Membuat Kamera CCTV pada Blog anda

EHHH JUMPA LAGI NIH YEAHH mOGA JNGAN JERA DATANG KE BLOG SAYA YEAHHH Sudahkah Anda Mengetahui Kamera CCTV ...? Yang Pasti pada udah Tau ya...

EHHH JUMPA LAGI NIH YEAHH mOGA JNGAN JERA DATANG KE BLOG SAYA YEAHHH

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)

Langsung ke TiTik yaaa...

.+ Log in ke Blogger
.+ Menuju Rancangan
.+ Ke Elemen Laman
.+ Tambah Gadget
.+ 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/AVvXsEjvLIOarvMyyCe-M1VjQCmvOmKvbfd_DfQdlpDS0cdjM5qU3H6axVY3ktw9T3x4pLs3k2evlITvnhRMyykRPkntrVKzZ2tGk-kajHNCCg4XWqxB-7LgNXDi8vag9150kcUs-bNPQBGgertH/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/AVvXsEgRLEcoTfGrlyGxYlwgluYL33MiBX3aIch4tPMmZm_WDXo3QJhUBe7PEF5mYCDcAtM7aZPPo2vFoeiSWvP4Fl7Vz1ljd9_k2KS9w-6Pup9NkwUDrp5099lVIgbKURli8g-GMzwdkKAY/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/AVvXsEjE6hRClxbQmxX3GuplVIOe2AotUrhCBGjA42Tdze_LvowHH92AHP7Rxu9eAScmzFD000GCvCnCMdGlGnHVeToVBrXxPHYyZIGgx1hsxfQrRt3HfP7oDqUv6voORJxJwH8gGQ8giuRd/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/AVvXsEihcTDBZjzjbkBqcUS_1tiHZzFcYS-V9O_SUiFliFQqtnw8N5_wOrqS8tW74oAPdWsjx484r8agC8z2Pi9uhPLtyt72IiZN-4zC5EA9nryK72vQwgGd_W1rhJ3onjAK1Y64IylZcLAV/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>

Nah setelah itu diSAVE, katanya Biar ga iLang ayam-ayam.... heee''

...
........ ......

horeeee....horeeee......BehasiL Palm eyyy!!!

dan bisa juga sebelah kiri jika mau / berminat.....
ini scrip nya dah ane siapin dehhhh
poko e sip lahhh, service abiss euyyyyy.... di bawahhh ini yeahhh

<center><a href="javascript:void(0);"onclick="showHideAT()"/><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvLIOarvMyyCe-M1VjQCmvOmKvbfd_DfQdlpDS0cdjM5qU3H6axVY3ktw9T3x4pLs3k2evlITvnhRMyykRPkntrVKzZ2tGk-kajHNCCg4XWqxB-7LgNXDi8vag9150kcUs-bNPQBGgertH/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;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/AVvXsEgRLEcoTfGrlyGxYlwgluYL33MiBX3aIch4tPMmZm_WDXo3QJhUBe7PEF5mYCDcAtM7aZPPo2vFoeiSWvP4Fl7Vz1ljd9_k2KS9w-6Pup9NkwUDrp5099lVIgbKURli8g-GMzwdkKAY/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/AVvXsEjE6hRClxbQmxX3GuplVIOe2AotUrhCBGjA42Tdze_LvowHH92AHP7Rxu9eAScmzFD000GCvCnCMdGlGnHVeToVBrXxPHYyZIGgx1hsxfQrRt3HfP7oDqUv6voORJxJwH8gGQ8giuRd/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/AVvXsEihcTDBZjzjbkBqcUS_1tiHZzFcYS-V9O_SUiFliFQqtnw8N5_wOrqS8tW74oAPdWsjx484r8agC8z2Pi9uhPLtyt72IiZN-4zC5EA9nryK72vQwgGd_W1rhJ3onjAK1Y64IylZcLAV/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>