اضافه | موضوعات المدونه بلوجر متحركه بشكل جميل بتقنيه جيكيوري

السلام عليكم ورحمه الله وبركاته اعضاء المدونه الكرام
اولا اعتذر عن قله التدوينات الجديده بسبب انشغالى بأمور اخرى
ولكن اليوم اتيت لكم باداه جديده من ادوات بلوجر وتعتبر من الادوات التى لا غنى عنها في اي مدونه وهي اداه اخر مواضيع المدونه
لاشك في انك تود بقاء الزائر اطول مده في مدونتك او موقعك للاستفاده منه اكبر استفاده ممكنه وهذه الاداه التى تعرض للزائر اخر المواضيع التى قمت بكتابتها بطريقه مثاليه وشيك ومتحركه فتجذب النظر وتحث الزائر على قراءه المواضيع التى تحتويها مدونتك فتابع كيف تضيفها الي مدونتك
الاضافه تستخدم في تحريك روابط المواضيع تقنيه جيكيوري jquery
وجافا سكريبت يمكنك معاينه الاداه في السايد بار لمدونتنا ادوات بلوجر
طريقه اضافه الاداه :
سجل دخولك لـلوحه تحكم بلوجر ثم اذهب للمدونه التى تريد اضافه الاداه إليها واضغط في القائمه الجانبيه علي تبويب "التخطيط" سوف يعرض لك صفحه تحتوى على تخطيط لمدونتك وللادوات التى قمت باضافتها سابقا .
في المكان الذى تريد ان تظهر الاداه فيه اضغط على "اضافه اداه" ومن صفحه الادوات التى سوف تظهر لك اختار html/javascript
ضع عنوان للاضافه الجديده وفي مكان الكود ضع الكود التالى
<script type='text/javascript'> jQuery.noConflict(); </script> <style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;float:left;margin:0 0 3px 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://code.jquery.com/jquery-1.10.2.min.js"></script> <script style='text/javascript' src="http://goo.gl/g57N1j" ></script> <script style='text/javascript' src='http://goo.gl/oEo75o'></script> <script style='text/javascript'> var numposts = 30; 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: 3500, showItems: 7, animation: 'fade', mousePause: true, height: 0, direction: 'down' });}); </script> <div id="sai"> <script src='http://tools4b.blogspot.com/feeds/posts/default? orderby=published&alt=json-in- script&callback=showrecentpostswiththumbs'></script> </div>
مع مراعاه تغيير رابط مدونتى tools4b.blogspot.com برابط مدونتك ويمكنك تغيير عدد التدوينات الكليه التى تظهر في الاداه numposts ويمكنك ايضا تغيير التدوينات التى تظهر للزائر في وقت واحد وهي التى تحدد ارتفاع الاداه من showItems وتغيير السرعه عن طريق speed
وفى النهايه اذا واجهتك اي مشكله لا تتردد في طرحها في التعليقات
يمكنك نقل الموضوع بشرط مراعاه مجهودنا بذكر المصدر رابط مدونتنا http://tools4b.blogspot.com/

∂▪▪►اذا افدناك بشئ فساعدنا فى نشره ◄▪▪∂