Masih widget stok lama dengan beberapa modifikasi dan tweaking agar lebih uptodate dan memiliki fungsi yang bermanfaat apabila di pasang pada web / blog. Beberapa modifikasi antara lain menampilkan pesan warning seperti layaknya cookie consent, penggunaan mirroring untuk mempermudah penyesuaian gambar animasi CCTV, menampilkan iFrame IP-Tracker dan beberapa modifikasi lainnya. Contoh penggunaan widget CCTV ini bisa dilihat pada halaman artikel ini, gambar animasi CCTV terpasang berada di pojok atas kiri layar.
Fungsi lain dari widget CCTV ini adalah untuk membuat tampilan halaman blog memiliki visual tampilan yang unik dan dinamis, dimana pengunjung blog dapat sedikit melakukan interaksi dengan widget CCTV ini. Oh by the way... widget ini bukan seperti dalam artian secara harfiah makna dari kata CCTV (closed-circuit television) yaa, widget ini hanya untuk sekedar hiburan dengan gambar animasi CCTV yang menampilkan informasi penggunaan cookie dengan cara yang unik.
Oke, buat yang tertarik untuk memasang widget CCTV ini pada halaman web atau halaman blog anda, silakan disimak tutorial pemasangannya. Jangan lupa untuk yang belum subscribe silakan di subscribe dulu dan bantu share halaman blog ini sekiranya informasi yang diberikan bisa memberikan informasi yang berguna dan bermanfaat.
Jika widget CCTV hanya sekedar hiburan semata, maka CCTV dalam artian sesungguhnya adalah Televisi sirkuit tertutup (bahasa Inggris: Closed Circuit Television (CCTV) yang berarti menggunakan sinyal yang bersifat tertutup, tidak seperti televisi biasa yang merupakan sinyal siaran.
Pada umumnya CCTV digunakan sebagai pelengkap keamanan dan banyak dipakai di dalam industri-industri seperti militer, bandara, toko, kantor, pabrik dan bahkan sekarang perumahan pun telah banyak yang menggunakan teknologi ini.
CCTV sebagai satu kesatuan system mepunyai beberapa perlengkapan yaitu:
Kamera
Kamera CCTV ini berfungsi sebagai alat pengambil gambar, ada beberapa tipe kamera yang membedakan dari segi kualitas, penggunaan dan fungsinya 2 hal yang paling utama adalah, camera CCTV analog dan Camera CCTV Network dimana kamera analog menggunakan satu solid cable untuk setiap kamera yang berarti, setiap kamera akan harus terhubung ke DVR atau system secara langsung sedangkan Camera Network atau yang biasa di sebut IP Kamera, bisa menggunakan jejaring yang berarti akan menghemat dari segi installasi karena network bersifat pararel dan bercabang tidak memerlukan satu kabel khusus untuk tiap kamera dalam pengaksesannya.
DVR (Digital Video Recorder)
DVR ini adalah system yang digunakan oleh kamera CCTV untuk merekam semua gambar yang di kirim oleh kamera dalam sistem ini banyak fitur yang bisa kita manfaatkan untuk pelengkap keamanan, salah satunya adalah merekam semua kejadian dan hasil rekaman ini yang biasa digunakan di dalam peradilan untuk membuktikan suatu kejadian dalam sebuah sistem kamera, jumlah dan kualitas rekaman akan ditentukan oleh DVR ini.
Sumber : Wikipedia
- Cara Pemasangan Widget Pada Blogger
- Pilihan Gambar Animasi CCTV
- Modifikasi Kode Script dan Kode CSS
- Silakan login dahulu ke blog Anda.
- Klik tombol Tema untuk masuk ke tema editor.
- Klik tombol Edit Tema untuk menampilkan kode HTML Template Blog.
- Geser scrollbar ke posisi paling bawah.
- Letakan kode dibawah ini tepat diatas kode
.
';
$("body").append(cctvElm);
$(".footerCCTV").html('');
if(cctvCamMirror==true){$('#cctv img').css('transform','scaleX(-1)');}
function showCCTV(){
if(cctvCMS==true){hideCCTV();return;}
if (cctvCamView == "right"){
$('#cctvScreen').animate({right:'10px'},{duration:500,specialEasing: {all: "linear"}});cctvCMS=true;
}else{
$('#cctvScreen').animate({left:'10px'},{duration:500,specialEasing: {all: "linear"}});cctvCMS=true;
}}
function hideCCTV(){
if (cctvCamView == "right"){
$('#cctvScreen').animate({right:'-310px'},{duration:500,specialEasing: {all: "linear"}});cctvCMS=false;
}else{
$('#cctvScreen').animate({left:'-310px'},{duration:500,specialEasing: {all: "linear"}});cctvCMS=false;
}}
var infoCCTVImgW,infoCCTVImgH;
var infoCCTVImgFile=new Image();
infoCCTVImgFile.src=infoCCTVImg;
infoCCTVImgFile.onload=function(){
infoCCTVImgW=this.width;
infoCCTVImgH=this.height;
$("#CCTVConsent").css({"left":"calc(50% - "+(infoCCTVImgW/2)+"px)"});
}
function showCCTVConsent(){
$('#CCTVConsent').animate({bottom:'0px'},{duration:500,specialEasing: {all: "linear"}});
var remCCTV=setTimeout(function(){
$('#CCTVConsent').animate({bottom:'-300px'},{duration:500,specialEasing: {all: "linear"}});
},5000);
}
/* Start Cookie Code */
function setCookieCCTV(cname,cvalue,exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires=" + d.toGMTString();
document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}
function getCookieCCTV(cname) {
var name = cname + "=";
var decodedCookie = decodeURIComponent(document.cookie);
var ca = decodedCookie.split(';');
for(var i = 0; i var c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}
function checkCookieCCTV() {
var data = getCookieCCTV("CCTV");
if (data == ""){setCookieCCTV("CCTV", "version CF 1.00", 1);
if(infoCCTVConsent==true){showCCTVConsent();}
}}
checkCookieCCTV();
/* End Cookie Code */
Pada kode :
var cctvCam = "https://3.bp.blogspot.com/-jSQiTz9Sb3U/VNCzuviqU6I/AAAAAAAAFf4/DGE-4Xw95fE/s1600/cctv1.gif";
Merupakan variabel untuk URL Gambar animasi CCTV.
var cctvCamView = "left";
Merupakan variabel untuk letak dari tampilan gambar CCTV. Terdapat dua posisi pengaturan letak, yaitu : posisi "left" dan posisi "right".
var cctvCamMirror= true;
Merupakan variabel untuk melakukan efek mirroring, jadi misalkan gambar animasi CCTV yang akan dipasang memiliki arah ke kanan sedangkan posisi tampilan ingin di taruh ke arah sebaliknya, agar gambar animasi yang akan dipasang dapat menyesuaikan arah tanpa perlu repot-repot menggunakan editor gambar. Jika gambar tidak ingin di mirror maka pada varibel ini silakan diganti dari true menjadi false.
var infoCCTVImg="https://1.bp.blogspot.com/-EdBUNMQ8Woc/Xgl37PBXF1I/AAAAAAAACQQ/iW0Mw6NRMX8KoXoWGZh6lG2nhb8Eop2KwCLcBGAsYHQ/s1600/cctv-consent.jpg";
Merupakan variabel untuk URL gambar notifikasi warning, notifikasi akan terlihat apabila pengunjung baru pertama kali mengunjungi blog anda. Notifikasi mirip seperti notifikasi cookie consent.
var infoCCTVConsent=true;
Merupakan variabel apakah notifikasi warning mau ditampilkan atau tidak. Jika notifikasi warning tidak ingin ditampilkan silakan anda rubah dari true menjadi false.
- Gambar Animasi CCTV 1https://4.bp.blogspot.com/-VYFhxOTOKi0/Xgmq5zUOzEI/AAAAAAAACQc/XyIURhiYM_kyr8q1vG4cHhwxvgBXjXYwQCLcBGAsYHQ/s1600/cctv1.gif
- Gambar Animasi CCTV 2https://1.bp.blogspot.com/-bdRQAeIaBZM/Xgmq5_NFRjI/AAAAAAAACQk/j_mupcmAH1sLAFlVR_zj82HHyi5SQZgTgCLcBGAsYHQ/s1600/cctv2.gif
- Gambar Animasi CCTV 3https://1.bp.blogspot.com/-tRze3MGA7-0/Xgmq59IB6oI/AAAAAAAACQg/rc8BKllB7RMSxZ1kc08CCF930W4M_ysQQCLcBGAsYHQ/s1600/cctv3.gif
- Gambar Animasi CCTV 4https://3.bp.blogspot.com/-iXEDxxYgus8/XoNaqDjYc5I/AAAAAAAACnA/X1xPjCpAAv8G-jLbPO3vqqszxgET5iPvgCPcBGAYYCw/s128/cctv4.gif
- Gambar Animasi CCTV 5https://4.bp.blogspot.com/-XUfV_E28h40/XoNauVxA67I/AAAAAAAACnE/a8XBmS6NPZM74EAtRuGdIORyvBTZ5aKjwCPcBGAYYCw/s128/cctv5.gif
var cctvCam = "https://1.bp.blogspot.com/-bdRQAeIaBZM/Xgmq5_NFRjI/AAAAAAAACQk/j_mupcmAH1sLAFlVR_zj82HHyi5SQZgTgCLcBGAsYHQ/s1600/cctv2.gif";
Blog, Blogger, Blogspot, Widget, Extended, CCTV, Cookie, Consent, Unique, Unik, Menarik, Cara, Kumpulan, Memasang, Pemasangan, Terlengkap, Tutorial, Code, Kode, CSS, HTML, JavaScript, JQuery, Animate, Animated, Animation, GIF, Custom, Modifikasi, Tweaking, Tampilan, Halaman, Membuat, Tips, Trick, Hiburan
Extended Widget Blogger, Custom Blog Widget, Widget Dekorasi Blog, Tutorial Pasang Widget Blogspot, Menghias Blog Dengan Widget Unik dan Menarik, Menambah daya tarik blog dengan memasang widget, Kumpulan terlengkap widget blog yang bermanfaat, Widget Blogger Update Terbaru