اذا كنت ترغب في عمل شريط اخباري متحرك بمدونة بلوجرفعليك اضافة كود يقوم لك بتلك المهمة.
والكود الذي يتم استخدامة هو جافا سكريبت نقوم بوضعة في مكان محدد ويعمل بشكل تلقائي لعرض محتويات الموقع للزائر.
وطريقة اضافة شريط اخر الاخبار في قوالب بلوجر ليس صعباً لان الكود الذي سوف نستخدمه بسيط وبمجرد لصقة وحفظة في المكان الذي سوف نحدده تكون قد اضفت شريط اخباري لموقعك.
مميزات عرض المقالات بشكل شريط اخباري في بلوجر.
يلعب شريط اخر الاخبار دوراً مهما في عرض اخر الاخبار الموجوده في المدونة بطريقة مميزة، ودورها ليس فقط الناحية الجمالية بل تساهم في عرض محتويات المدونة للزائر، مما يزيد من التفاعل علي المدونة بشكل ملحوظ.
وخاصة اذا كانت هذه المواضيع لها علاقة بمحتوي المدونة ونقول هذه الاضافة تعتبر ذات قيمة مضاعفة من حيث المضمون والشكل.
ان مدونة بلوجر هي منصة مجانية بها الكثير من الاضافات والخدمات للمستخدمين، وهي توفر قوالب مجانية للاستخدام، ولكن هذه القوالب غيرمؤهله بمافيها الكفاية لتطوير مدونتك للافضل،وليس لها مميزات واضافات في تصدر نتائج محركات البحث.
إضافة شريط أخر الاخبار متحرك بمدونة بلوجر.
سنشرح اضافة من الاضافات الرائعة المتمثلة في شريط اخر الاخبار متحرك ومتجاوب وسريع. وهذه الاضافة لا تعمل الا مع الدومينات المجانية blogspot ، ولا يعمل احياناً مع الدومينات المدفوعة (com. - .net - .info ….الخ) وفي بعض الاحيان يعمل ببطء.
ومن مميزات شريط الاخبار المتحرك هو طول مدة بقاء الزائر بالمدونة ،
خاصة
اذا كان الشريط به مواضيع تثير اهتمام الزائر وسيبقي في منصتك لمدة
اطول.
هناك الكثير من الاشرطة الاخبارية المتحركة بميزه اخر الاخبار وتتوفر علي
الوان ومميزات اضافية وذلك يجعل منها شكل جمالي وخاصة اذا كانت صغيرة ومتناسقة
مع المدونة.
ومن افضلها تلك التي تتمتع بالسهولة في طريقة تركيبها دون الحوجة الي توجة الي كود html الخاص بالمدونة خاصتك.
وهنا سوف نشرح تركيب اداة شريط اخر الاخبار لمدونة بلوجر بشكل احترافي وسهل.
كيفية تركيب أداة شريط أخر الأخبار لمدونة بلوجر.
الخطوه الاولي:
توجة للوحة تحكم بلوجرثم اضغط علي اداة تنسيق بعد ذلك قوم باختيار " اعلان
اسفل القائمة الرئيسية كما موضح بالصوره.
الخطوه الثانية:
قم بنسخ كود شريط اخر الاخبار ادناه ثم قم بلصقة في المحتوي.
ثم قم بتنشيط خيار " عرض هذه الاداة" وقم بحفظ الكود.
توجة الي عرض المدونة من لوحة تحكم بلوجر.
<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 = 13; //عدد المواضيع المرغوب ظهورها في الشريط
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:#2388dc;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:#2388dc;}
</style>
اذا لم تظهر لك المواضيع عود مره اخري الي نفس الاداة اعلان اسفل القائمة الرئيسية وعدل في عدد المواضيع التي يجب اظهارها الي عدد المنشورات في مدونتك.
إرسال تعليق