recent
أخبار ساخنة

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

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

Animate blog titles using JavaScript

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

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

نتبع الخطوات التالية لجعل عناوين المدونة متحركه : 

  1. ادخل إلى لوحة تحكم المدونة >> المظهر >> تحرير HTML 
  2. إبحث عن الوسم
    </head>
    
    و أضف تحته الكود التالي : 
<b:if cond='data:blog.pageType == "index"'><script>var title=" <data:blog.pageTitle/> ";var speed=200;var mpse=null;function rotulo_title(){document.title=title;title=title.substring(1,title.length)+title.charAt(0);mpse=setTimeout("rotulo_title()",speed)}rotulo_title();</script> <b:else/><script>var title=" <data:blog.pageName/> ";var speed=200;var mpse=null;function rotulo_title(){document.title=title;title=title.substring(1,title.length)+title.charAt(0);mpse=setTimeout("rotulo_title()",speed)}rotulo_title();</script></b:if>
  • يمكنك التحكم في سرعة التحرك بتغيير الرقم 200 ( عدد صغير = سرعة أكبر ، عدد كبير = سرعة أقل ).
إحفظ القالب و قم بتحديث الصفحة و سترى النتيجة . وهكذا سنتمكن من قرائة العنوان كاملا مهما كان طويلا . بالتوفيق للجميع .

google-playkhamsatmostaqltradent