تحريك عناوين المدونة بإستخدام جافاسكريبت

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



هناك طريقة لجعل العنوان ظاهرا بشكل كامل و هو التحرك الأفقي بإستخدام JavaScript ( الجافا سكريبت ) و يمكنك التحكم في سرعة حركة العنوان فيظهر من هذا الشكل :




نتبع الخطوات التالية للحصول على المطلوب
1 - ادخل إلى لوحة تحكم المدونة >> المظهر >> تحرير HTML 
2 - إبحث عن الوسم </head> و أضف تحته الكود التالي : 

<b:if cond='data:blog.pageType == &quot;index&quot;'><script>var title=&quot; <data:blog.pageTitle/> &quot;;var speed=200;var mpse=null;function rotulo_title(){document.title=title;title=title.substring(1,title.length)+title.charAt(0);mpse=setTimeout(&quot;rotulo_title()&quot;,speed)}rotulo_title();</script> <b:else/><script>var title=&quot; <data:blog.pageName/> &quot;;var speed=200;var mpse=null;function rotulo_title(){document.title=title;title=title.substring(1,title.length)+title.charAt(0);mpse=setTimeout(&quot;rotulo_title()&quot;,speed)}rotulo_title();</script></b:if>

3 - يكنك التحكم في سرعة التحرك بتغيير الأرقام الملونة بالأحمر ( عدد صغير = سرعة أكبر ، عدد كبير = سرعة أقل )
4 - إحفظ القالب و قم بتحديث الصفحة و سترى النتيجة .

و هكذا سنتمكن من قرائة العنوان كاملا مهما كان طويلا . بالتوفيق للجمي‘ع .


شارك الموضوع :

إضافات بلوجر

شارك بتعليق :

0 التعليقات :