انشاء خريطة مدونةبرامج فيديوعام

اضافة زر المشاهدة في نافذة منبثقة لمدونات بلوجر

0
(0)
اليكم اضافة اكثر من رائعة لوضع و اضافة زر المشاهدة و عند الضغط عليه تنبثق نافذة تحتوي على الفيلم المراد مشاهدته بشكل اكثر من رائع
اضافة زر المشاهدة في نافذة منبثقة لمدونات بلوجر
اضافة زر المشاهدة في نافذة منبثقة لمدونات بلوجر

اضافة زر المشاهدة

كما ان الاضافة تحتوي على اكثر من شكل سيتم شرحه ،و اليكم طريقة تركيبها
اولا ابحث عن الوسم </head> و ضع الكود التالي فوقه


<script src=’https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js’/><script src=’http://www.jacklmoore.com/colorbox/jquery.colorbox.js’ type=’text/javascript’/><link href=’http://www.jacklmoore.com/colorbox/example1/colorbox.css’ media=’screen’ rel=’stylesheet’ type=’text/css’/><script>$(document).ready(function(){$(&quot;a[rel=&#39;images&#39;]&quot;).colorbox({transition:&quot;fade&quot;});$(&quot;a[rel=&#39;imagessamesize&#39;]&quot;).colorbox({transition:&quot;none&quot;, width:&quot;75%&quot;, height:&quot;75%&quot;});$(&quot;a[rel=&#39;slideshow&#39;]&quot;).colorbox({slideshow:true});$(&quot;.youtube&quot;).colorbox({iframe:true, innerWidth:760, innerHeight:520});$(&quot;.vimeo&quot;).colorbox({iframe:true, innerWidth:760, innerHeight:520});$(&quot;.iframe&quot;).colorbox({width:&quot;80%&quot;, height:&quot;80%&quot;, iframe:true});$(&quot;.soundcloud&quot;).colorbox({width:&quot;70%&quot;, height:&quot;300&quot;, iframe:true});  $(&#39;a[href$=pdf]&#39;).colorbox({iframe:true, innerWidth:760, innerHeight:520});$(&#39;a[href$=swf]&#39;) .colorbox({iframe:true, innerWidth:660, innerHeight:420});});</script>

 
ثانيا عند تحرير الموضوع اذهب الى html و قم باضافة الكود التالي مع تغيير اللازم

<div style=”text-align: center;”>
<a class=”youtube cboxElement” href=”رابط embed الفيلم” title=”الوصف او عنوان الفيلم“>
<img src=”http://thepresleyclub.com/wp-content/uploads/2016/06/watch-now-button.png” height=”60″ width=”200″ /></a>
</div>

التعديلات
1- رابط embed الفيلم معروف فقط قم باخذه من شيفرة الفيلم كما يلي
شيفرة الفيلم
<iframe src=”https://openload.co/embed/-7URHO3VOg0/” scrolling=”no” frameborder=”0″ width=”1000″ height=”500″ allowfullscreen=”true” webkitallowfullscreen=”true” mozallowfullscreen=”true”></iframe>
ناخذ فقط الرابط
https://openload.co/embed/-7URHO3VOg0/
2- يمكنك تغيير شكل الزر عن طريق تغيير الرابط التالي
http://thepresleyclub.com/wp-content/uploads/2016/06/watch-now-button.png
3- يمكنك تغيير شكل النافذة عبر تغيير الرقم 1 الى 2 او 3 او … في داخل القالب

http://jacklmoore.com/colorbox/example<span style=”background-color: #ffffff;”><strong>1</strong></span>/colorbox.css

4- الباقي سهل مثلا اكتب الوصف او عنوان الفيلم و حجم الزر 60*200 ..

هل كانت هذه المقالة مفيدة ؟

اضغط على عدد النجوم للتقييم

متوسط التقييم 0 / 5. عدد الاصوات : 0

لا يوجد مصوتين كن انت الاول

Sory Mohajer

Sory Mohajer مدير موقع EXE and APK التدوين هوايتي أنضممت لعالم التقنية منذ عام 2014 أحاول تأمين أكبر عدد للتراخيص وأجدد المقالات بشكل دوري حتى وصلت عددها الى اكثر من 4000 مقالة متنوعة تحتوي برامج وتطبيقات مع شروحات سيو لتحسين الموقع وكل هذا بمجهود شخصي .

مقالات ذات صلة

اترك ردك على هذا المقال

زر الذهاب إلى الأعلى