كود تحريك عناوين المدونة بإستخدام جافا سكريبت
كود تحريك عناوين المدونة بإستخدام جافا سكريبت
السلام عليكم .
عادة المتصفحات مثل جوجل كروم و الموزيلا و غيرها تضع عنوان مدونتك و مواضيعك في علامة التبويب بجانب الأيقونة المفضلة 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>
3 - يكنك التحكم في سرعة التحرك بتغيير الأرقام الملونة بالأحمر ( عدد صغير = سرعة أكبر ، عدد كبير = سرعة أقل )
4 - إحفظ القالب و قم بتحديث الصفحة و سترى النتيجة .
و هكذا سنتمكن من قرائة العنوان كاملا مهما كان طويلا . بالتوفيق للجميع .
ليست هناك تعليقات:
إرسال تعليق