أداة أخر المشاركات بشكل متحرك مع الصور الرمزية

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

معاينة

كيفية الإضافة؟


إذهب الى لوحة التحكم في مدونتك
تخطيط > إضافة أداة ثم أختر بين الأدوات أداة HTML/JavaScript ثم أضف الكود التالي في المكان الذي تريد ظهوره

<script src=’http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js’ type=’text/javascript’></script> <style>#NBT-widget {overflow: hidden;margin-top: 5px;padding: 0px 0px;height: 385px;}#NBT-widget ul {width: 295px;overflow: hidden;list-style-type: none;padding: 0px 0px;margin: 0px 0px;}#NBT-widget li {width: 282px;padding: 5px 5px;margin: 0px 0px 5px 0px;list-style-type: none;float: none;height: 80px;overflow: hidden;background: #fff url(http://4.bp.blogspot.com/-n-c0E1EolLQ/UNgwiGzaTEI/AAAAAAAAI08/QlG8dKfnY0g/s1600/NewBloggerTips.com-post.jpg) repeat-x;border: 1px solid #ddd;}#NBT-widget li a {text-decoration: none;color: #4B545B;font-size: 15px;height: 18px;overflow: hidden;margin: 0px 0px;padding: 0px 0px 2px 0px;}#NBT-widget img {float: left;margin-top: 10px;margin-right: 15px;background: #EFEFEF;border: 0;}#NBT-widget img {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;padding: 4px;background: #eee;background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);box-shadow: 0 0 3px rgba(0,0,0,.7);}#NBT-widget img:hover {-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);}.spydate {overflow: hidden;font-size: 10px;color: #0284C2;padding: 2px 0px;margin: 1px 0px 0px 0px;height: 15px;font-family: Tahoma,Arial,verdana, sans-serif;}.spycomment {overflow: hidden;font-family: Tahoma,Arial,verdana, sans-serif;font-size: 10px;color: #262B2F;padding: 0px 0px;margin: 0px 0px;}</style><script language=’JavaScript’>imgr = new Array();imgr[0] = “http://1.bp.blogspot.com/-_Ka22NXTcw8/UNROKxLh64I/AAAAAAAAIxQ/na4pvgRt9Mw/s1600/No+Image+1.gif”;imgr[1] = “http://1.bp.blogspot.com/-_Ka22NXTcw8/UNROKxLh64I/AAAAAAAAIxQ/na4pvgRt9Mw/s1600/No+Image+1.gif”;imgr[2] = “http://1.bp.blogspot.com/-_Ka22NXTcw8/UNROKxLh64I/AAAAAAAAIxQ/na4pvgRt9Mw/s1600/No+Image+1.gif”;imgr[3] = “http://1.bp.blogspot.com/-_Ka22NXTcw8/UNROKxLh64I/AAAAAAAAIxQ/na4pvgRt9Mw/s1600/No+Image+1.gif”;imgr[4] = “http://1.bp.blogspot.com/-_Ka22NXTcw8/UNROKxLh64I/AAAAAAAAIxQ/na4pvgRt9Mw/s1600/No+Image+1.gif”;showRandomImg = true;boxwidth = 255;cellspacing = 6;borderColor = “#232c35”;bgTD = “#000000”;thumbwidth = 50;thumbheight = 50;fntsize = 15;acolor = “#666″;aBold = true;icon = ” “;text = “تعليقات”;showPostDate = true;summaryPost = 40;summaryFontsize = 10;summaryColor = “#666″;icon2 = ” “;numposts = 10;home_page = “http://madad2.com/“;limitspy=4;intervalspy=4000;</script><div id=”NBT-widget”><script src=’https://cdn.staticaly.com/gh/mohammedxx/madad2/master/newpostmadad2.jscom/mohammedxx/madad2/master/btn.min.css’ type=’text/javascript’></script></div>

غير رابط موقعك بدلاً من http://madad2.com/


لزيادة عدد المشاركات غير الرقم ;limitspy=4 


حفظ