Menambah Kamera CCTV Pada Blog

Selamat Malam Sobat SErDA :)

pada kesempatan kali ini saya akan membagi bagikan cara memasang kamera CCTV pada Blog kita, dengan tujuan agar memper indah Blog kita dan keliatan keren

Langsung ke TiTik yaaa...

.+ Log in ke Blogger
.+ Menuju Tata Letak
.+ Tambah Gadget
.+ Pilih HTML/JavaScript

.+ copy yang ada dibawah ini

#dibawah ini :) 

<center><a href="javascript:void(0);"onclick="showHideAT()"/><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhRpQiOOgdJecUlqSMsvV0XaVB_Iasv-PYQ2SSS1GS6Z4_cw74QiLvAKADFcIP-R9HDaSr7KBOq7nzVGj_riPL1mwuw_oFFR3Ir0lLXMz7L6fMY6HJ1YlJBrwUk_8KIMb54Z9Z94wTm-0y/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/AVvXsEhc8eO6kNw6nUBFw9h1UZzDg3nS5L_De-vV2lEdv5OjVnfkU-woBM-0_bv15zmCnQKUsZIPgofeDC_xm-84Fho30Z60qyItkyCUAJGk0ZYiEQ-ufkQPgTqMIrpF3LwK46DaFlscPf8S/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/AVvXsEh6KASus7bO_ix-J12qWG8LTHFIlFKQ6MMTzaG0Fbm0krgXUvt0Pc7-j5SvWzcpfq2ZzJSCe6w-MraiEQtUNNiILiWZeeCZCygr0Z05nTtpSS-Z3VX8MRTxS-QGkuoX7JvcWO9upFko/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/AVvXsEifSneGwEYMfisZvdYRfBQEPUsTPMymnLmrTp071KHcKryFEQ916ZWor-W51fNRKi3gewqjC0aoqa7pudytONTT6fs7gw_m2B_mRVdtCWL1qgayek6w23mGxQ3FNkZ3aw0jf3N4y2vx/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 diSAVENah Mudah kan pastinya ? :)
Selamat Mencoba !!



kalau mau copas , jangan lupa sertakan sumbernya :)

SUMBER :http://palmahutabarat69.blogspot.com/2012/02/membuat-kamera-cctv-pada-blog-anda.html

Tweet

Sign up here with your email address to receive updates from this blog in your inbox.