السلام عليكم ورحمة الله
بالنسبة لإضافة الجديدة والمتميزة لشريط متحرك آخر الأخباربالنسبة
لقوالب بلو جر:
مما يحتويه من مجموعة من المميزات الجميلة والرائعة
حيث تضفي جمالية ورونقا على موقعك وتذهب به لاحترافية
... مما جعلنا نسعى جاهدين إلى تحقيق أفضل ما لدينا من ترتيبات
ولا سيم هذه الإضافة بالذات أبدعنا فيها بشكل رائع وجذاب
كما يمكنك إضافة هاته الأداة أو الإضافة الى عدة قوالب بلو جر
☝ كيفية إضافة الشريط المتحرك للقالب
لقد قمنا بالتعديل على الإضافة لتصبح
سهلة نوعا ما على يد المدون او المستخدم بصفة عامة
فقط تقوم بالخطوات التالية
أولا: قم بعملية النسخ للكود html أو java script خانة داخل القالب من خلال
عملية التنسيق للقالب
ثانيا: تقوم باستبدال الموقع الإلكتروني الخاص بي او حذفه وتضع موقعك
لكي يقوم بتحريك آخر الأخبار من خلاله
كما يمكنك التعديل عليه والتحكم فيه
💢💢💢💢💢💢
من خلال عملية التنسيق تقوم بالعملية كما هو موضح في الصورة👇
iptكود أداة جافا سكريب
قم بالنسخ من هنا:👇👇👇
👀👀👀👀👀👀👀👀👀👀👀👀
<نمط البرنامج النصي = 'النص / جافا سكريبت'>
الدالة rssticker(t){for(var a=0;a<numeroposts;a++){entradas=t.feed.entry[a],titulosposts[a]=entradas.title.$t;for(var e=0;e<entradas.link.length;e++)if("alternate"==entradas.link[e].rel){enlaceposts[a]=entradas.link[e].href;break}}startrssticker()}function startrssticker(){postactual=-1,largoactual=0,enlaces=document.getElementById("enlace"),runticker()}function runticker(){var t;0==largoactual&&&&(postactual++, postactual٪ = numeroposts ، titulosposts [postactual].replace(/"/g,'"'),enlace=enlaceposts[postactual],enlaces.href=enlace),enlaces.innerHTML=titulo.substring(0,largoactual),largoactual!=titulo.length? (largoactual++,t=retardocaracter):(largoactual=0,t=retardopost),setTimeout("runticker(2022)",t)}
var numeroposts = 20; عدد المواضيع المرغوب ظهورها في الشريط
var retardocaracter = 100 ؛ عدد الأحرف
var retardopost = 6000; التحكم بالسرعة
var titulosposts = صفيف جديد (5000) ؛
var enlaceposts = صفيف جديد (6000) ؛
var entradas = 6000;
</السيناريو>
<فئة div='rssticker'>
<span class="encabezado">أحدث المواضيع</span>
<معرف = 'enlace'></a>
<script src='https://dimasatarabi.blogspot.com/feeds/posts/default?alt=json-in-script&callback=rssticker' style='text/javascript'></script>
</ديف>
<نمط>
.rssticker{الموضع:نسبي!مهم;العرض:100٪;الارتفاع:40 بكسل;الفائض:مخفي;المسافة البيضاء: nowrap;تجاوز النص: علامة الحذف;الهامش:10px تلقائي;اللون:#fff;الخلفية:#fff;حجم الخط:14px;تعويم:يمين; عائلة الخط: 'Droid Arabic Kufi'line-height:40px;}
.encabezado{display:inline-block;margin:0 10px 0 0;حشو:0 10px;ارتفاع الخط:40px;الخلفية:#CD2122;تعويم:يمين;مربع-التحجيم:مربع الحدود;}
.rssticker a{color:#333;margin:0;padding:3px;float:right;text-decoration:none;}
.rssticker a:hover{text-decoration:none;color:#08ffff;}
< / نمط>
👀👀👀👀👀👀👀👀👀👀👀👀
كما سنعزز شرحنا هذا من خلال فيديو توضيحي
كيفية إضافة أداة شريط الأخبار المتحرك
الفيديو سيكون موجود هنا وفي قناتنا على
يوتيوب
تعليقات
إرسال تعليق
مرحبا بك