رأيك يهمنا

تغير اللغة

المتابعون

اخر المواضيع

تبادل اعلاني

للتصفح الافضل

اخر التعليقات

يتم التشغيل بواسطة Blogger.

تابعنا على الفيسبوك

facebook

الـموضــوعـات الأكـثـر زيـارة

العودة للصفحة الرئيسية » اضافات بلوجر احترافية » سكريبت آخر المواضيع مهم جدا
الجمعة، 27 سبتمبر 2013

سكريبت آخر المواضيع مهم جدا

شاهد:

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

السكريبت بتقنية
j-Query
<script type='text/javascript'> jQuery.noConflict(); </script> <style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;float:left;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script style='text/javascript' src="http://glitter-text.googlecode.com/files/recentpostticker.js" ></script> <script style='text/javascript' src='http://glitter-text.googlecode.com/files/recentpostswiththumbnailsv3.js'></script> <script style='text/javascript'> var numposts = 15; var showpostthumbnails = true; var displaymore = false; var displayseparator = false; var showcommentnum = false; var showpostdate = false; var showpostsummary = false; var numchars = 100; jQuery(document).ready(function($) {$('#sai').vTicker({ speed: 500, pause: 3000, showItems: 7, animation: 'fade', mousePause: false, height: 0, direction: 'down' });}); </script> <div id="sai"> <script src='http://yoursite.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script> </div> <a href="http://www.dookala.blogspot.com/2012/12/animated-recent-posts.html"> Get it here </a>

طريقة تركيب الكود بمدونات بلوجر
 الدخول على التصميم ثم إضافة أداة >>>   Html,Javascript
نسخ الكود السابق ولصقه بالنافذة
ثم قم بهذه التعديلات بعد الفاصل:


وضع رابط موقعك أو مدونتك بدلا من
http://yoursite.blogspot.com/


ويمكن التحكم بعدد المواضيع عن طريق التغيير فى القيمة
var numposts = 15;

وعدد المواضيع المعروضة عن طريق التغيير فى القيمة
showItems: 7,

والتحكم فى سرعة الحركة عن طريق التغيير فى القيم
speed: 500,
pause: 3000,

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

بقلم: Mohamed Elarby
إسمي بالكامل محمد العربي,بلدى هيا مصر,أهتم بتقنيات وتطوير المدونات والمواقع,هدفي هو تقديم الافضل من خلال خبرتي المتواضعة التى اكتسبتها من مشوارى التدويني
يمكنك متابعتي على: فيس بوك | جوجل بلس | يوتيوب | الموقع.

0 التعليقات:

إرسال تعليق

صفحات

قسم بلوجر

مدونات صديقة

المتواجدين الان

Web Design Blogs
Ping your blog, website, or RSS feed for Free a7trafy.blogspot.com Real PR

اعلانات