عرض اخر المواضيع بشكل متتالي مع الصورة.

26‏/04‏/2010
بسم الله الرحمنالرحيم
الحمد لله والصلاة والسلام على سيدنا محمد صلى الله عليه وسلم
الأداة مستخدمة في مدونتي وتعمل بشكل جميل.

الحمد لله تم نشر اداة اخر المواضيع المتحركة مع الصورة من الأخ الفاضل ابو فرحان اداة جميلة جدا ومتناسقة
طريقة الأضافة سهلة جدا
اولا قم بادخول الى مدونتك
2- اذهب الى التخطيط
3- اضف اداة HTML/JavaScript














4- انسخ الكود الذي في الأسفل والصقه في داخل الأداة

script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
             background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.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://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://www.raudhatulmuhibbin.org/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
 <script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>
شرح الألوان

الأحمر:.لتغير حجم الأداة فقط غير الرقم.
 الأزرق:. لتغير خلفية الأداة (في الكود الخلفية بيضاء)(يمكنك تغير الرابط بوضع رابط صورة) فقط غير الرابط.
 الأخضر:. لتغير حجم الصورة فقط غير الرقم.
الزهري:.لتغير عدد المواضيع.
*
ملاحضة :. المواضيع التي سنظهر اربع مواضيع(4) ولاكن عدد المواضيع التي تريد عرضها سيتم التبديل بين المواضيع الموجودة بشكل رائع كما في مدونتي
*

لأي استفسار انا جاهز
اخوكم مهند ناصر

5 تعليق على عرض اخر المواضيع بشكل متتالي مع الصورة.

seham يقول... @ 27 أبريل، 2010 8:14 م

شكراً لك على هذه الإضافة المميزة أخ مهند جميلة جداً قد استخدمها باللون الوردي بعد أن اتفرغ لقالبي ^_^

ومبروك على القالب الجديد مع أنها متأخره مني ^^

تابع تميزك أخي مهند جزاك الله خير

تحياتي لك

في حفظ المولى ورعايته

مهند ناصر يقول... @ 28 أبريل، 2010 3:54 م

شكرا جزيلا لكي اخت سهام
وشكرا على المرور الرااائع
والله يبارك فيكي.

احمد العزاوي يقول... @ 29 أبريل، 2010 7:37 م

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

مهند ناصر يقول... @ 29 أبريل، 2010 8:45 م

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

Dr/ walaa salah يقول... @ 18 أغسطس، 2010 2:25 م

انا عملت زي ما انت قلت يا استاذ مهند بس للاسف طلعت معايا اكواد

إرسال تعليق