Memasang cctv di Blog ( Recycle )

Terima kasih sebelumnya buat aGan Febriansyah Haq yang sudah memberikan komen'y di blog saya yang gak karuan ini hheheh ...
karena komen masbro ini saya jadi tau ternyata script yang saya pasang salah , aduhh jadi malu *tutupmuka* hhehe ..
script yang saya pasang kemarin adalah script buat memasang gambar/tampilan slide ,
saya mohon maaf ya atas ketidaknyamanannya .. :)
dan harap di maklum ya , newbie soalnya .. :D heuu  

Ok deh lanjutt ke soal memasang cctv di blog
Dijamin kali ini semua aman terkendali
hhohoho ...

Memasang cctv di blog caranya ga sulit ko ..
Tapi inget ya cctv disini bukan sejenis kamera pengintai yang sering kita lihat di Bank atau mall
Cctv di blog ini hanya berfungsi untuk mengarahkan kita ke akun jejaring sosial Facebook dan Twiter 
saat kita mengklik cctv ini.
Trik ini saya dapet dari "Blog'y FB nama panjang" beberapa waktu lalu.

Lihat Gambar di bawah !

OK .. Let's do it .. !!!
Ikuti langkah di bawah ini ... !!!

Log in Blog
Ke rancangan
Tambah gadget
Pilih Html / java script
Copy kode di bawah ini

<center><a href="javascript:void(0);"onclick="showHideAT()"/><img border="0" src="http://i303.photobucket.com/albums/nn149/shetlandpeat/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/AVvXsEhD2DJsDN_M_BRmfKu4PZXVDpFYFdSYt6rS8_Lb6BMo9frp3PQyVSNEhkz4MRcva-dTKTzuvbq-m2Y7OkHkAU8U88HMO38EVDYeKMsQiOLzfksW9SFbsA6XSaCCY_kxnCOVSezCtgnG/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/AVvXsEjpZrY-oNjc4-OkVfTNyFC5_AAGJ1iHCoyIZmeI00opI_ktWClkXAX0ZxV_wq5PrlRhsax7giEGiWBv3Bv-FrSbAwMQjkcQBElBVDpMgPz95PZSLt2y3t9lBZmKSbyEuwZW30hlb0Xs/s150/Hey+coy+%28+www.fake-buku.blogs pot.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/AVvXsEjwNs9FNDGSmcUDX1OtiEWCUsEnZcBbIgwVR1Nh4umt2rS2YSNURjdcyevoEWbOquMTIQhyphenhyphenoC9k4ZPHbwuXEaDlkV_ev8wHEjCD8h7HrccaqzEcx3kAK2vwcUQQLSyPyvgGCgWw-oU0/s150/Hey+coy+%28+www.fake-buku.blogsp ot.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>

Simpan Dan lihat hasilnya.
Selamat Mencoba !!!