recent
اخر الأخبار

اضافة كود شريط الاخبار الى مدونة بلوجر بشكل احترافي لأى قالب - Add news bar code to Blogger

اضافة كود شريط الاخبار الى مدونة بلوجر بشكل احترافي لأى قالب - Add news bar code to Blogger


مقدمة :

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


ومن المعروف ان للشريط الأخباري المتحرك أهمية كبيرة للمدونة الخاصة بك فهو :


  ✅  يسهل للزائر تصفح اخر مواضيع المدونة و اكتشافها بسهولة ويسر تام .


✅  يمنح المدونة الناحية الجمالية والحركة التي تمنح زائريك الروح .


  ✅ عامل مهم جداً في زيادة زيارات المدونة لديك و ذلك لأنه يجذب الزائر ويطلعه على احدث الاخبار بشكل رائع وجذاب .


الطريقة الأولى لإضافة شريط الاخبار الى مدونة بلوجر بشكل احترافي لأى قالب
بإضافة اداه جافا سكربت java script :

قبل عرض باقي الطرق انصحكم بهذه الطريقة لأنها الأفضل برمجياً والاسهل في وضعها في قالب مدونتك دون فتح الــ HTML

وذلك يعود لاحتواء ذلك الكود البرمجي على العديد من الخصائص المميزة الفريدة من نوعها مثل :


  ✅ التحكم في جهة واتجاه تحرك الشريط يعني من اليمين إلى اليسار والعكس
على حسب مدونتك سواء كانت مدونة عربية او مدونة انجليزية .


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


✅ التحكم في سرعة تحرك الشريط الاخباري سواء بتقليل السرعة او زيادتها كما تشاء ووفق رغبتك .


✅ إمكانية إضافة لوجو يخص مدونتك بين المواضيع المعروضة على الشريط الاخباري المتحرك .


✅ توقف الشريط الإخباري بمجرد مرور الزائر فوقه وبالبعد عنه يعود للتحرك بشكل جمالي مره أخرى .

 

✅ إمكانية التعديل على الألوان و خلفية شريط الأخبار المتحرك وفق الألوان الخاصة بالقالب الخاص بك
حتى لا يخل الشريط الإخباري المتحرك بالشكل الجمالي لمدونتك من ناحية تناسق الألوان .



طريقة إضافة الطريقة الأولى للشريط الاخباري بشكل احترافي لأى قالب :


كل ما هو مطلوب منك عزيزي القارئ اتباع الخطوات التالية بشكل دقيق وبتركيز تام :


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

(اضغط هنا لتحميل الكود )    

أو 

(اضغط هنا لتحميل الكود )    


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


✅ من القائمة الجانبية قم بالضغط على التخطيط ( Layout ) .


✅ قم بإضافة أداة جديدة في المكان الذي تريد إضافة شريط الأخبار العاجلة فيه 

( Add a Gadget ) .


✅ من الصفحة المنبثقة التي سوف تفتح لك اختار HTML / جافا سكريبت

( HTML/JavaScript ) بالضغط على علامة الإضافة (+) .


  ✅ أترك العنوان ( Title ) فارغا ولا تكتب أي شيء فيه و قم فقط بنسخ الكود و الأسكريبت الذى حملته
في اول خطوة من هذه الخطوات وقم بلصقه في محتوى الأداة ( Content ) .


✅ أخيرا قم بالضغط على حفظ ( Save ) .

 

 شرح اسكريبت شريط الأخبار المتحرك وكيفية التعديل عليه بسهولة :


 ✅ الأمر البرمجي ( w2bScrollAmount ) :

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


   ✅ الأمر البرمجي ( w2bScrollDelay ) :

يتحكم في المدة الذي يعيد الشريط فيها نفسه وهى بالثانية وهذا للعلم .


 ✅ الأمر البرمجي ( w2bDirection ) :

يقصد به اتجاه مرور الشريط إذا كانت مدونتك عربية اكتب ( right ) و إذا كانت انجليزية أكتب ( left ) .


✅ الأمر البرمجي ( w2btargetlink ) :

لفتح الموضوع في نافذة جديدة اكتب ( yes ) وللعكس أكتب ( no ) .


    ✅ الأمر البرمجي ( w2bnumPosts ) :

يتحكم هذا الأمر في عدد المواضيع التي تريد عرضها في الشريط الأخباري المتحرك
 وهى بشكل مبدأي 10 مواضيع ويمكنك تقليل عددها اذا رغبت في ذلك .


    ✅ الأمر البرمجي ( w2bimagebullet ) :

للتحكم في الصورة التي تفصل بين المواضيع ويفضل إضافة لوجو مدونتك المصغر ( Favicon ) .


   ✅ الأمر البرمجي ( w2bfontsize ) :

هو المتحكم بشكل مباشر في حجم الخط للشريط الاخباري .


    ✅ الأمر البرمجي ( w2bbgcolor ) :

هو المتحكم بشكل مباشر في لون الخلفية للشريط الاخباري .


  ✅ الأمر البرمجي ( w2blinkcolor ) :

هو المتحكم بشكل مباشر في لون الخط للشريط الاخباري .


✅ تغيير هذا الرابط /https://www.egystar2020.com الي رابط المدونة الخاصة بك وستجده في اخر سطر برمجي .



✅ أخيرا قم بالضغط على حفظ ( Save ) .


اضافة كود شريط الاخبار الى مدونة بلوجر بشكل احترافي لأى قالب - Add news bar code to Blogger



الطريقة الثانية لإضافة شريط الاخبار الى مدونة بلوجر بإضافة
اداه جافا سكربت java script :

كل ما هو مطلوب منك عزيزي القارئ اتباع الخطوات التالية بشكل دقيق وبتركيز تام :


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

(اضغط هنا لتحميل الكود )    

أو

(اضغط هنا لتحميل الكود )    


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


✅ من القائمة الجانبية قم بالضغط على التخطيط ( Layout ) .


✅ قم بإضافة أداة جديدة في المكان الذي تريد إضافة شريط الأخبار العاجلة فيه 

( Add a Gadget ) .


✅ من الصفحة المنبثقة التي سوف تفتح لك اختار HTML / جافا سكريبت

( HTML/JavaScript ) بالضغط على علامة الإضافة (+) .


  ✅ أترك العنوان ( Title ) فارغا ولا تكتب أي شيء فيه و قم فقط بنسخ الكود و الأسكريبت الذى حملته
في اول خطوة من هذه الخطوات وقم بلصقه في محتوى الأداة ( Content ) .


✅ أخيرا قم بالضغط على حفظ ( Save ) .


الطريقة الثالثة لإضافة شريط الاخبار الى مدونة بلوجر بإضافة
كود برمجي داخل القالب HTML :

كل ما هو مطلوب منك عزيزي القارئ اتباع الخطوات التالية بشكل دقيق وبتركيز تام :


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

(اضغط هنا لتحميل الكود )  

أو

(اضغط هنا لتحميل الكود )  


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


✅ من القائمة الجانبية قم بالضغط على المظهر ( Theme ) .


✅ قم بالضغط على تعديل HTML

( Edit HTML ) .


✅ ابحث عن الوسم </head>  والصق قبله مباشرة الكود البرمجي الذى حملته في بداية هذه الطريقة 
مع التذكير ان البحث يكون بالضغط على مفتاحي ( ctrl+f ) من لوحة المفاتيح .


✅ أخيرا قم بالضغط على حفظ ( Save ) .


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


الطريقة الرابعة لإضافة شريط الاخبار الى مدونة بلوجر بإضافة
كود برمجي داخل القالب HTML :

كل ما هو مطلوب منك عزيزي القارئ اتباع الخطوات التالية بشكل دقيق وبتركيز تام :


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

(اضغط هنا لتحميل الكود )  

أو

(اضغط هنا لتحميل الكود )  


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


✅ من القائمة الجانبية قم بالضغط على المظهر ( Theme ) .


✅ قم بالضغط على تعديل HTML

( Edit HTML ) .


✅ ابحث عن الكود <div class='main-outer'>  والصق قبله مباشرة الكود البرمجي الذى حملته في بداية هذه الطريقة 
مع التذكير ان البحث يكون بالضغط على مفتاحي ( ctrl+f ) من لوحة المفاتيح .


✅ أخيرا قم بالضغط على حفظ ( Save ) .


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

مع التذكير ايضاَ بتغيير هذا الرابط /https://www.egystar2020.com الي رابط المدونة الخاصة بك .


خاتمة :

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

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

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

دمتم بود



اضافة كود شريط الاخبار الى مدونة بلوجر بشكل احترافي لأى قالب - Add news bar code to Blogger
admin

تعليقات

تعليقان (2)
إرسال تعليق
  • ali emam22 أبريل 2021 في 1:21 ص

    ممتاز بجد - ظهر معايا الشريط المتحرك الحمد لله

    شكرا

    حذف التعليق
    • admin photo
      admin22 أبريل 2021 في 1:05 م

      اهلا بحضرتك أستاذ على
      شكرا لدعمك وبأذن الله دائما نكون عند حسن ظنك
      والشريط الاخباري المتحرك سوف يعود عليك بالعديد من الفوائد كما اوضحنا .

      حذف التعليق
    google-playkhamsatmostaqltradent