- 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
Sobat telah membaca artikel Cara Memasang CCTV Animasi Di blog. oleh admin,diperbolehkan copy paste asalkan memakai sumber oke
ReezeeBacklins
| URL |
| Code For Forum |
| HTML Code |