كيفية إضافة شريط أخبار متحرك لمدونة بلوجر

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

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

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

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

ومن الأمور التي يريدها كل شخص مبتدأ في هذا المجال ( مجال التدوين على بلوجر ) هيا الإضافات التي تضيف طابع خاص بك وبموقعك الإلكتروني .

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

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

ما هو شريط الاخبار المتحرك ؟

هو شريط يظهر في اعلى المدونة الالكترونية او بالاسفل حسب ما يريد صاحب المدونة ؛ ويظهر عليه عناوين اخر المقالات التي شاركتها على موقعك الالكتروني بشكل مميز واحترافي يلفت انتباه الزوار على مدونتك .

ومن الفوائد أيضاً من اضافة شريط اخبار متحرك على موقعك انه يزيد من الفترة التي يبقيها الزائر على مدونتك بقراءة اخر الاخبار الموجودة عليه ؛ وأيضاً دخول الزائر الى عدة مقالات من خلال الضغط على عنوان او خبر يظهر على شريط الاخبار امامه .

هل ميزة اضافة شريط الاخبار متاحة لجميع القوالب ؟

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

طريقة تركيب شريط أخبار متحرك على موقعك الإلكتروني 

 اولاً عليك تسجيل الدخول الى منصة بلوجر واختيار مدونتك  وبعد ذلك ستقوم بالضغط على الثلاث شرط المتواجدة بأعلى يمين الشاشة لتظهر لك عدة خيارات وبعد ذلك تضغط على كلمة التنسيق .

كما هو موضح في الصورة  التوضيحية التالية 

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

ولكننا هنا سنختار HTML/JavaScript كما موضح بالصور التالية ثم تقوم بإدخال أسم في الإختيار الأول وهو الاسم الذي سيظهر بجانب شريط الاخبار على مدونتك وهذا الاسم  مثل أخر الأخبار أو أي اسم تريد كتابته .

والخيار الثاني هو الأهم معنا وهو ملف شريط الأداة التي سوف تظهر معك وستجد الملف بالكامل أسفل المقالة يمكنك نسخها  

الصورة الاتية توضح اختيار الأداة المراد اختيارها 

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

انسخ كود إضافة الأداة التالي :-

<script style='text/javascript'>

function 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,titulo=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()",t)}

var numeroposts = 20; //عدد المواضيع المرغوب ظهورها في الشريط

var retardocaracter = 30; //عدد الأحرف

var retardopost = 4000; //التحكم بالسرعة

var titulosposts = new Array();

var enlaceposts = new Array();

var entradas = "";

</script>

<div class='rssticker'>

<span class="encabezado">أحدث المواضيع</span>

<a id='enlace'></a>

<script src='/feeds/posts/default?alt=json-in-script&callback=rssticker' style='text/javascript'></script>

</div>

<style>

.rssticker{position:relative!important;width:100%;height:40px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;margin:10px auto;color:#fff;background:#fff;font-size:14px;float:right; font-family: 'Droid Arabic Kufi'line-height:40px;}

.encabezado{display:inline-block;margin:0 10px 0 0;padding:0 10px;line-height:40px;background:#CD2122;float:right;box-sizing:border-box;}

.rssticker a{color:#333;margin:0;padding:3px;float:right;text-decoration:none;}

.rssticker a:hover{text-decoration:none;color:#08ffff;}

</style>

اقرأ أيضا شروط تحقيق الربح من مدونة بلوجر