كود اداة أحدث المواضيع متحركة و منزلقة لمدونات بلوجر

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

إضافتنا اليوم :خاصية أحدث المواضيع متحركة و منزلقة لمدونات بلوجر

الشرح مقدم من: المدونة التعليمية للكمبيوتر
اعداد :أسامة بويردن

 

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

 طريقة إضافة هذه الأداة, الطريقة جد سهلة و الكيفية بسيطة جدا

قم بالذهاب إلى لوحة التحكم > عناصر الواجهة > إضافة أداة > Html/JavaScript

ثم قم بوضع الكود التالي

<style type="text/css"> 

#rp_plus_img{height:377px;} #rp_plus_img li {height:60px;padding:5px;list-style:none; background-color:#ffffff; border:solid 1px #000000;} #rp_plus_img a{color:#00000;} #rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px; text-align:justify; -moz-border-radius: 5px;} #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;} </style> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/recentpost.js"></script> 

<script type="text/javascript"> var speed = 1500; var pause = 3500; $(document).ready(function(){ rpnewsticker(); interval = setInterval(rpnewsticker, pause); }); </script> <ul id="rp_plus_img"> <script style="text/javascript"> var numposts = 5; var numchars = 0; </script> 

<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>

</ul><small><a href="http://arabetutorial.blogspot.com/" target="_blank"><span style="color:#fff;">احصل على مثلها</span></a></small>

 طبعا ستقوم بتغيير التالي

رقم 5 الذي باللون الاخضر لعدد المواضيع التي تريد ظهورها

وعدد 1500 اللذي باللون الوردي وهو سرعة حركة أو انزلاق المواضيع

اتمنى ان تنال اعجابكم ولا تحرمونا من تعليقاتكم