اعلان الهيدر

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



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

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

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





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


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

mohamed-alaa
كاتب المقالة
كاتب ومحرر اخبار اعمل في موقع هاي بلوجر .

جديد قسم : اضافات بلوجر

اعلان اول الموضوع
اعلان اخر الموضوع
اعلان فوق مقالات ذات صله