How to Make Turn On / Off the Lights Video Streaming Blog

Cara Membuat Turn Off the Lights Video Streaming di Blog - Turn On/Off Light atau Light Mode biasanya di gunakan di berbagai blog/web seperti movie, anime, video lainnya guna dari Turn off light ini dan buat kamu yang memiliki blog bertheme putih streaming video sangat berguna ketika ada pengunjung blog yang ingin menonton agar tidak terlalu silau karena warna background atau layout blog yang sangat terang.

Langsung saja kita tanpa basa basi kita lihat demo Turn On/Off the Streaming di bawah ini :

Cara Pemasangan

1. Pertama-tama masuk ke Editor blogger, jika sudah.
2. Cari Kode </head> dan tambahkan kode di bawah sebelum kode </head> nya

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$("#plo").css("height", $(document).height()).hide();
$(".pls").click(function(){
$("#plo").toggle();
if ($("#plo").is(":hidden"))
$(this).html("Turn Off").removeClass("pto");
else
$(this).html("Turn On").addClass("pto");
});
});
//]]>
</script>

3. Jika sudah, selanjutnya kalian cari lagi ]]><b:skin> atau di dalam <style> #KODE CSS </style> tergantung template yang kalian pakai. Dan masukan kode css di bawah ini :

/* Turn On Off the Lights */
#plv {
position:relative;
z-index:999;
}
.pls {
z-index:998;
float: right;
background: #dd4b39;
display: inline-block;
color: #fff;
border-radius: 3px;
margin: 3px;
padding: 5px 8px;
}
.pls:hover {
color: #fff;
background-color: #C74433;
}
.pto {
float: right;
position:relative;
background: #C74433;
display: inline-block;
color: #fff;
border-radius: 3px;
margin: 3px;
padding: 5px 8px;
}
.pto:hover {
color: #fff;
background-color: #dd4b39;
}
#plo {
background:#000;
opacity:0.9;
filter:alpha(opacity=90);
position:absolute;
left:0;
top:0;
width:100%;
z-index:997;
}

4. Terakhir, Cari kode </body>, salin kode berikut ini sebelum kode </body>

<div id='plo'/>

5. Dan selesai! Simpan Template.

Cara Mengaktifkan Light Off :
<a class="pls" href="javascript:void(0);">Turn Off</a>
<div id="plv">
--- CODE VIDEO/EMBED DISINI ---
</div>

Dan akhirnya selesai juga di tutorial artikel Cara Membuat Turn On/Off the Lights Video Streaming di Blog.
Semoga sobat-sobat dapat mengerti dan bisa belajar lagi..

Sekian terima kasih dan Good Luck!