أفضل طريقة لمشاهدة الفيديو على مدونتك turn off lights

أفضل طريقة لمشاهدة الفيديو على مدونتك turn off lights

Unknown

7:02 ص

0 تعليقات

شاركه غرد جوجل+

بسم الله الرحمن الرحيم


موضوع اليوم جميل جدا و هو خاص بمشاهدة الفيديو. فكما تعرف أن الجميع يحبون مشاهدة الفيديو على النت، فإن كنت ممن يظعون الفيديو على مدوناتهم فهذه الطريقة ستساعدك على كسب ثقة زوارك و جلب المزيد منهم.فعند مشاهدتك لأحد الفيديوهات الموجودة في أحد المواقع ستجد أن هناك الكثير من الإلهاءات التي ستحول في عدم تركيزك على ما تشاهد.



لذا فالحل ستجده في هذا الموضوع و هو متمثل في سكريت JQuery يسمح لك بأن تحيط الفيديو بظا أسود داكن لتحجب باقي محتوى الموقع و تحصل بذالك على مشاهدة شبيه بالسنما :-) يمكنك مشاهدة مثال بالأسفل و ذالك بالضغط على كلمة “إطفاء الأنوار” .

إطفاء النور

و لكي تظيف هذه الخاصية لمدونتك تابع الشرح بالأسفل.


1- توجه لتحرير قالب المدونة و ابحث عن الوسم </head> ثم ضع فوقه الكود التالي:


  <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/> <br /><script type='text/javascript'> <br />//<![CDATA[ <br />$(document).ready(function(){ <br />$("#oscuridad").css("height", $(document).height()).hide(); <br />$(".lightSwitcher").click(function(){ <br />$("#oscuridad").toggle(); <br />if ($("#oscuridad").is(":hidden")) <br />$(this).html("إطفاء النور").removeClass("turnedOff"); <br />else <br />$(this).html("تشغيل النور;).addClass("turnedOff"); <br />}); <br />}); <br />//]]> <br /></script>


2- ثم بعد ذالك إبحث عن الوسم ]]></b:skin> و أضف قبله الكود التالي:


  /* turn off lights <br />----------------------------------------------- */ <br />#videoLuces { <br />position:relative; <br />z-index:102; <br />} <br />#apagador { <br />max-width:640px; <br />text-align:left; <br />position:relative; <br />height:25px; <br />display:block; <br />margin: 25px 0 0 60px; <br />} <br />.lightSwitcher { <br />position:absolute; <br />z-index:101; <br />background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8naj2kyz2GY2wOhSgHwJl8h1hZOr4SZ9RnpdoPFPYjKn_q9jj9VqjRbx-ilehDPFcG1WVpNjIAX6a7PwE8-tk_d9z4mkwZg2lWWVa1ADQ6WPWTLP98Mx7eV82YIV0_pcc1w290HkSojg/s16/luces-on.png); <br />background-repeat:no-repeat; <br />background-position:left; <br />padding: 0 0 0 20px; <br />outline:none; <br />text-decoration:none; <br />} <br />.lightSwitcher:hover {text-decoration:underline;} <br />.turnedOff { <br />color:#ffff00 !important; <br />background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFox76ubHTQsepXiJAY8xUvcf8Blk2cY-7m8WJNuUyaFxeJOFmIrruQXnR5uRQkthacd34I2e9dGVCre1WV7norY8dZfA3QnmpgyTGJasbKXc2TS6-I41m1mEdE66SzO_-5roS52IC270/s16/luces-off.png); <br />} <br />#oscuridad { <br />background:#000; <br />opacity:0.9; <br />filter:alpha(opacity=90); <br />position:absolute; <br />left:0; <br />top:0; <br />width:100%; <br />z-index:100; }


3- و أخيرا ابحث عن الوسك </body> و أضف قبله الكود التالي:


  <div id='oscuridad'/>


4- الأن نأتي للخطوة الأخيرة و هي إضافة الفيديو و أعتقد أن الجميع يعرفون الطريقة. الأن بعد أن تضيف الفيديو في موضوع جديد نتجه لتبويب تحرير HTML و نضع الكود التالي بحيث يكون الفيديو بينه.


  <center> <div id="apagador"><a class="lightSwitcher" href="javascript:void(0);">إطفاء النور;/a></div> <div id="videoLuces"> ...سيكون الفيديو في هذا المكان... </div> </center>


بهذا نكون قد انتهينا من هذه الإضافة الجميلة كما اتمنى أن تروق لك.


إن أعجبك الموضوع فأرجوا ألا تبخل علينا ب 5 ثوان من وقتك و تقوم بنشر الموضوع بين أصدقائك

إضافة جديدة على بلوغر Google +1 Button و Google+ Badge

إضافة جديدة على بلوغر Google +1 Button و Google+ Badge

Unknown

2:02 م

0 تعليقات

شاركه غرد جوجل+

بسم الله الرحمن الرحيم



قام اليوم موقع Blogger بإضافة أداتين جديدتين لقائمة “إضافة أداة” و هي خاصة بموقع +Google و بهذه الخطوة يقوم موقع blogger التابع لشركة google العملاقة بتحسين منصة بلوغر لتتناسب مع احتياجات المستخدمين.




كما قد أضاف الموقع في وقت سابق خاصية ال Meta Tag للمواضيع بالإضافة لخدمات أخرى ستجعل المدونات تتناسب مع محركات البحث لإن إستعملت بشكل جيد. (سأقوم بوضع موضوع عن الأمر في القريب العاجل)


يمكنك أن تضيف هذه الأداة في العمود الجانبي للمدونة أو أسفل المدونة. يمكنك زيارة الموضوع الأصلي من هنا





إذا أعجبك الموضوع أرجوا أن تأخد من وقتك 5 ثوان لتشاركه مع أصدقائك.

لعبة السودوكو الشهيرة Sudoku

لعبة السودوكو الشهيرة Sudoku

Unknown

6:46 ص

0 تعليقات

شاركه غرد جوجل+

بسم الله الرحمن الرحيم

 

السلام عليكم إخوتي أخواتي الكرام اليوم سأقدم لكم تدوينة سريعة هي عبارة عن لعبة السودوكو الشهيرة. يمكنك الأن وضعها في مدونتك بطريقة سهل وبسيطة.

فهي ستساعدك على إبقاء الزوار في مدونتك لأطول فترة ممكنة، و كما تعلم أن هذا أمر مهم لتحصل على نسبة مشاهدة عالية سترجع بالإيجاب على ترتيبك في محركات البحث.

 

يمكنك تجربة اللعبة كما يمكنك إختيار مدى صعوبة المرحلة و الجميل أنها تحدد لك الزمن اللذي استغرقته في إنهاء المرحلة.

 

مدونة أسرار بلوغر

 

لتركيب اللعبة إختر إضافة أداة كما هو مشروح في المواضيع السابقة ثم ألصق الكود الموجود في الأسفل.

 

<br /><iframe style="width: 452px; height: 261px" height="260" src="http://www.odyssey.ie/sudoku/sudoku-google.html" frameborder="0" width="200" scrolling="no"></iframe>

<div style="text-align: center; margin: -8px 0px; width: 234px; background: #fff"><a style="color: #555; font-size: 60%; text-decoration: none" href="http://widget-blogs.blogspot.com/">مدونة أسرار بلوغر</a></div>

 

بعد ذالك قم بحفظ الأداة و استمتع باللعبة الشهيرة أنت و زوارك.

 

إذا أعجبك الموضوع أتمنى أن تمنحني 5 ثوان من وقتك و تشارك الموضوع مع أصدقائك.

قم بإرعاب أصدقائك على ال Facebook

قم بإرعاب أصدقائك على ال Facebook

Unknown

1:24 م

0 تعليقات

شاركه غرد جوجل+

بسم الله الرحمن الرحيم

أهلا بزوار مدونتي المتواضعة و أسف على الغيبة الطويلة لظروف خارجة عن الإرادة. موضوع اليوم هو موضوع خفيف و مسل نوعا ما، سيجعلك تتسلى و ترعب أصدقائك على الفيس بوك.

ملاحظة: لا يجب إستعمال هذه الطريقة مع ضعاف القلوب، ستكون أنت المسؤول عن النتائج فرجاءا إستعملها بحذر.

• أثناء الدردشة مع أصدقائك على الشات، أرسل لهم الرابط بالأسفل و أخبرهم بأنها صفحة لشخص من مواليد 1947 و لا يزال على قيد الحياة.
• هذا هو رابط الصفحة Alrena Roushe's Facebook Profile
• قم بفتح الرابط الأن و سترى شيئ مثير جدا.

 

إذا أعجبك الموضوع أعطني من وقتك 5 ثوان و شاركه مع أصدقائك.