عمل شريط متحرك بطريقه رائعه

اولا:نذهب الى هذا المسار لوحة تحكم المدونة
ثانيا:من الخيارات الموجودة نختار تخطيط ثم اضافة اداة
ثالثا:نختار اداة من نوعى  Html gavascript
رابعا:ندخل الكود ده

<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://mostafaelgamal.blogspot.com/feeds/posts/default? orderby=published&alt=json-in- script&callback=showrecentpostswiththumbs'></script></div>

خامسا:نغير بس كود المدونه بتاعتى لكود المدونه بتاعتك

ال هو ده(/http://mostafaelgamal.blogspot.com) بكود المدونه بتاعتك

By glok

Similiar tagsبلوجر