- Back to Home »
- Blogger , Tips N Trick »
- Cara Memasang CCTV Animasi Di blog
Posted by :
Syauqi beik
Jumat, 21 Desember 2012
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/AVvXsEj-nfmhyphenhyphennwPOuPF03TeLUESBCZ_oM34V7-_7iNIilGCKEkZVvo6c_6HenP7q1TvcJn39dkpsgvy8_69GMMPZgI1Ob-VB-cB2fTrc7OKPOuHXI-nMAMGhvJGnYwhSp8bP_Hxlp9tIA1RB44d/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/AVvXsEh6zo8ZIQC8Kb0uGXePOhMaJM0pMP0kSPHqHPQ-xkHGGVsYF1T9NFeHC3yLeGUlkAO8PtQQFT09dAxGSWPXEp69XYbxWi69mt6eRTwAwbap-sUzmZ06dNhp5sK0cWei02lWntQXkAjw/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/AVvXsEhKBM7SLZU6-nlpnVZqDdts2A3c8ypiQLP3g2ym3gEUzq_jLu5JmDMO7G40Hf2CDSD-BJSnSAskFwdxX8wi684hBb2gi_1hz-7JpwbDb5ieg6xTMyA3x5pV0cHMATasUBUBZD4SmQxV/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/AVvXsEhwPhyXKbDf-m1v5YJ0-QAUGq9JoxOlHp2Li68T2DFslPGS3nXAS6OfVLN-DwPFn7ivPGN_V2yo3sJj_1ZKXxqqJJXDgDvxmI4ajxeUhaEn6-aaVuIx8Wim7oZ0GjiLwnoMb0FuwjGJ/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>
<center><a href="javascript:void(0);"onclick="showHideAT()"/><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-nfmhyphenhyphennwPOuPF03TeLUESBCZ_oM34V7-_7iNIilGCKEkZVvo6c_6HenP7q1TvcJn39dkpsgvy8_69GMMPZgI1Ob-VB-cB2fTrc7OKPOuHXI-nMAMGhvJGnYwhSp8bP_Hxlp9tIA1RB44d/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/AVvXsEh6zo8ZIQC8Kb0uGXePOhMaJM0pMP0kSPHqHPQ-xkHGGVsYF1T9NFeHC3yLeGUlkAO8PtQQFT09dAxGSWPXEp69XYbxWi69mt6eRTwAwbap-sUzmZ06dNhp5sK0cWei02lWntQXkAjw/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/AVvXsEhKBM7SLZU6-nlpnVZqDdts2A3c8ypiQLP3g2ym3gEUzq_jLu5JmDMO7G40Hf2CDSD-BJSnSAskFwdxX8wi684hBb2gi_1hz-7JpwbDb5ieg6xTMyA3x5pV0cHMATasUBUBZD4SmQxV/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/AVvXsEhwPhyXKbDf-m1v5YJ0-QAUGq9JoxOlHp2Li68T2DFslPGS3nXAS6OfVLN-DwPFn7ivPGN_V2yo3sJj_1ZKXxqqJJXDgDvxmI4ajxeUhaEn6-aaVuIx8Wim7oZ0GjiLwnoMb0FuwjGJ/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>
Ditulis Oleh : Syauqi beik ~ Cara Memasang CCTV Animasi Di blog

ReezeeBacklins
URL |
Code For Forum |
HTML Code |