اضافة تأثير اضائة على فيديوهات في بلوجر

السلام عليكم ورحمه الله وبركاته

اليوم في هذه تدوينة احضرت لكم كيفية اضافة تأثير اضائة 

للفيديوهات في بلوجر

حقيقاَ اضافة تجميل ويجعل الفيديو في بلوجر تظهر بشكل 

احترافي وجميل 

يجعل فيديو يظهر بشكل السينما عندما تضعط على ايقونة 

متواجده في اعلى فيديو على يسار 

ويمكنك اضائة فيديو على ضغط على نفس ايقونة

معاينة اضافة

شرح اضافة تأثير اضائة على فيديوهات في بلوجر

1 نتجة الى لوحة تحكم

2 القالب 

3 تحرير HTML

نبحث عن كود </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("Turn off the lights").removeClass("turnedOff");else$(this).html("Turn on the lights").addClass("turnedOff");});});//]]></script><style> /* Turn off the lights bu Http://Hukmat.blogspot.com----------------------------------------------- */#lightsVideo {position:relative;z-index:102;}#switch {max-width:640px;text-align:left;position:relative;height:25px;display:block;margin: 25px 0 0 60px;}.lightSwitcher {position:absolute;z-index:101;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikor7cMSvW0Ii4Zsp5CRVRtV8KJdI9PwpmX26dPm36BrG1TzFWymQ6M3znk6e8ivJad1djagbgsksvPxU_RknDP4B058TQbdESNAxlv0W653j-AxI_z2ndkKUnKwejt5zZoEWfELNVRDqU/s1600/lights-on.png);background-repeat:no-repeat;background-position:left;padding: 0 0 0 20px;outline:none;text-decoration:none;}.lightSwitcher:hover {text-decoration:underline;}.turnedOff {color:#ffff00 !important;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx9ZhmRESDD5B9ZyQoAckbp0p4cbVSZl5_8mVEO7KSvreTonG6UEQVRotYM_x2JHiOEu1Dx78k756jphVPtXwfOIkBRLfh151Uax7ACzkttQUK9KNdRi1iUJHIr0zZtO5erMPKq1xQZrk8/s1600/lights-off.png);}#lightsoff {background:#000;opacity:0.9;filter:alpha(opacity=90);position:absolute;left:0;top:0;width:100%;z-index:100;}</style>

ثم نبحث عن هذا كود 

</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>

وانتظرو كل جديد وحصري من حمزه ويب 

في امان الله