القائمة الرئيسية

الصفحات

اضافة شريط اخباري متحرك بلوجر | اضافات بلوجر



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


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

بماذا يتميز شريط آخر المواضيع

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

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

الكود المستخدم فى الشرح 
<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>

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



تعليقات