اضافة اطفئ الانوار فوق الفيديو في بلوجر "Turn off lights"

غالبا ما نرى هذه الاضافة في مواقع الأفلام و بالخصوص التي تجذب الزوار إلى مقاطع الفيديو حيث نشاهد فوق الفيديو " اطفئ الانوار Turn off lights" وهذه الاضافة وضيفتها انك عند الضغط عليها , سيتم جعل الخلفية التي خارج الفيديو ، وكامل الموقع بلون داكن بحيث يتم مشاهدة الفيديو بطريقة مريحة اكثر للعين.

معاينة مباشرة من هنا.

إذا أعجبتك الإضافة إنتقل إلا طريقة التركيب:

ادخل مدونتك.
ابحث عن </head>
الصق هذا الكود فوقه او قبله :

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$("#lightsoff").css("height", $(document).height()).hide();
$(".lightSwitcher").click(function(){
$("#lightsoff").toggle();
if ($("#lightsoff").is(":hidden"))
$(this).html("أطفئ الانوار").removeClass("turnedOff");
else
$(this).html("شغل الانوار").addClass("turnedOff");
});
});
//]]>
</script>

الان ابحث عن </body>
والصق هذا الكود فوقه او قبله :

<div id='lightsoff'/>

الان عند كتابتك للتدوينة ألصق هذا الكود في محرر html :

<center>
<div id="switch"><a class="lightSwitcher" href="javascript:void(0);">Turn off the lights</a></div>
<div id="lightsVideo">
.... هنا كود الفيديو....
</div>
</center>

أتمنا أن تكون الإضافة قد نالت إعجابك ،إذا أعجبتك قم بمشاركتها مع اصدقائك