دليل المدون

2011-12-22

سكريبت آخر المواضيع المتحرك مع مصغرات الصور Animated Recent posts

  بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

السلام عليكم ورحمة الله وبركاته

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



السكريبت بتقنية
بتقنية jQuery

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqeqK1CQtEexqEg2Kv48KaeWYLD5Z8UyYLEvExs7ZWPE4mZCdCwDT2wa5lwmiOMExU7SVazbtL8nrecFpy-SWhk_OW5He1x-t3s4ZJxEPKsa5D23VJUTn0kPubD3Ia03i4Ez6JQ6qMr3f-/s1600/condaianllkhir.com.jpeg) 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] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLu2Gj4vIKFEit17Qgx5mri9Jc7MKOHdCpqBorsZDKs19ZIYtgQ7ls0N1v4SN8-gkAI8S_MoBk84-PFv2K7qrNGme1O6suQtvAfLAFOV1jvbBeX9P3J0TKEf1dLMDT2LyBVxN7CTbiBlEy/s1600/noimage.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLu2Gj4vIKFEit17Qgx5mri9Jc7MKOHdCpqBorsZDKs19ZIYtgQ7ls0N1v4SN8-gkAI8S_MoBk84-PFv2K7qrNGme1O6suQtvAfLAFOV1jvbBeX9P3J0TKEf1dLMDT2LyBVxN7CTbiBlEy/s1600/noimage.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLu2Gj4vIKFEit17Qgx5mri9Jc7MKOHdCpqBorsZDKs19ZIYtgQ7ls0N1v4SN8-gkAI8S_MoBk84-PFv2K7qrNGme1O6suQtvAfLAFOV1jvbBeX9P3J0TKEf1dLMDT2LyBVxN7CTbiBlEy/s1600/noimage.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLu2Gj4vIKFEit17Qgx5mri9Jc7MKOHdCpqBorsZDKs19ZIYtgQ7ls0N1v4SN8-gkAI8S_MoBk84-PFv2K7qrNGme1O6suQtvAfLAFOV1jvbBeX9P3J0TKEf1dLMDT2LyBVxN7CTbiBlEy/s1600/noimage.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLu2Gj4vIKFEit17Qgx5mri9Jc7MKOHdCpqBorsZDKs19ZIYtgQ7ls0N1v4SN8-gkAI8S_MoBk84-PFv2K7qrNGme1O6suQtvAfLAFOV1jvbBeX9P3J0TKEf1dLMDT2LyBVxN7CTbiBlEy/s1600/noimage.png";
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.condaianllkhir.com/";



limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='https://cdn.rawgit.com/DrRO/condaianllkhir/master/Recent.js' type='text/javascript'></script>

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


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


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

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

هناك 52 تعليقًا

  1. السلام عليكم
    جزاكم الله خيرا على الكود الرائع
    سوف انقله للمنتدى باضافة رابط مدونتك ان شاء الله

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

    http://bloggers.rigala.net/forum

    تحياتى وتقديرى

    ردحذف
  2. شرفتينى أختى العزيزة بمتابعتك
    ويسعدنى الإنضمام لمنتداكم الرائع

    ردحذف
  3. موضوع رائع ومفيد ومدونة رائعة وجميلة بالتوفيق ليك اخى الكريم

    اتمنى عمل تبادل اعلانى معى مدونة البيت السعيد هذا رابط مدونتى :

    http://furniture7shopping.blogspot.com/

    ردحذف
  4. محمد عزت
    شكرا لمرورك الكريم
    ولكن اعتذر عن التبادل الاعلانى غير متاح حاليا

    ردحذف
  5. هل يمكن تغيير حجم الخط ونوعه
    http://asirdabe.blogspot.com/

    ردحذف
  6. جميل

    تم تركيبه بسهولة

    شكرا جزيلا

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

    shalan
    شكرا لمرورك

    هنا حيث لاشئ الا أنا
    شكرا لمرورك

    ردحذف
  8. بارك الله فيكم اختي

    اتشرف بدعوتك للتسجيل معنا بمنتدي اسلام نت الاسلامي

    http://www.islammnet.com/vb/

    وجزاكم الله خيرا

    ردحذف
  9. حقا تدوينة رائعة ومدونة اكثر من رائعة .. وفقك الله للخير دائما

    ردحذف
  10. شرح ممتاز بارك الله بك

    ردحذف
  11. شكرا على هذا المجهود الرائع

    موفقة؛

    مع أجمل التحيات

    ردحذف
  12. ممتاز جدا
    شكرا لخدماتكم

    ردحذف
  13. جميل جدا الكود ولكن هل في طريقه لتركيبه على مدونة وورد بريس :(

    ردحذف
  14. شكرا لمتابعتك ولكن خبرتى قليلة بمدونات وورد بريس

    ردحذف
  15. كود رائع جدا جزاك الله كل خير

    ردحذف
  16. مجهود رائع
    شكرا لك
    هل ممكن تكونوا اعضاء بهده المدونة :
    http://el-habibe.blogspot.com/

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

    ردحذف
  18. بارك الرحمن فيك اختي وادخلك الله الفردوس الاعلى

    ردحذف
  19. شكرا لك اختي فعلا اضافة جميلة

    ردحذف
  20. بارك الله فيك اختي على هذه المعلومات القيمة مدونة رائعة استمري

    ردحذف
  21. الاضافة جميلة بارك الله فيكم لكن ادو ان اتحكم بوضع مواضيع احددها انا
    ولا يشترط وجود صور فهل يمكنكم التعديل على الاضافة ؟

    ردحذف
  22. ممكن عن طريق التسجيل فى هذا الموقع
    http://www.splush.net/
    الحصول على سكريبت لمواضيع تحددها

    ردحذف
  23. مشكور اخى سكربت جميل ارجو تشرفنى وتشوف اى اخطاء عندى وشكرا لمجهودك

    http://cinemael3rb.blogspot.com/

    ردحذف
  24. بيض الله وجهك فعلا كثير محتاجين هذه الاكواد وعن نفسي كنت ادور بعضهم من شهرين والحمد لله لقيتهم عندك لذالك وضعت مدونتك من ضمن المواقع والمدونات المشهورة في المدونة

    ردحذف
  25. شكرا موضوع اكثر من رائع

    ردحذف
  26. بعد اذنكم انا لو عاوز اكبر حجم خط المواضيع المعرضه فى الاسكربت ده اعمل ايه او بيكبر ازاى ؟؟

    ردحذف
  27. بالنسبه للخط انا كنت لسه سائل عليه

    وانا الحمد لله لاقيتها
    ادخلوا فى الكود اللى حطناه ودوروا على 0;font-size:12px

    وحوغيروا 12 للحجم اللى عاوزينه

    ردحذف
  28. يا سلام كم هي جميلة هده الإضافة أعجبت بمدونتكم بارك الله فيكم

    ردحذف
  29. تم التطبيق ...إضافة رائعة فعلاً
    جزاكِ الله خيرا

    ردحذف
  30. السلام عليكم ورحمه الله
    اشكر كاتبه الموضوع على الاضافه الرائعه .....وملحوظه انا جربت عده مرات وضع الاسكربت بدون صور ولكنه لايعمل ....ولكن بعد وضع صوور قد تم العمل

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

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

    ردحذف
  32. الصور تظهر تلقائيا أضف فقط رابط موقعك بالكود

    ردحذف
  33. @ Neveen Nagy

    سبب توجه مدونتك الى رابط آخر هو اضافة سكريبت او كود يؤدى الى ذلك احذفى آخر الاكواد التى اضفتيها .
    وشكرا لمتابعتك

    ردحذف
  34. شكرا جزيلا لك
    يعمب بطريق رائعة
    للمعاينة
    amirarb.blogspot.com

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

    ردحذف
  36. عاشت الايادي اكواد مفيدة ومدونة اكثر من رائعة دائما الى التالق

    ردحذف
  37. السلام عليكم ورحمة الله
    كي تستعيد تغيردات التويتر سجل الدخول الى حسابك في التويتر ثم اعددات التطبيقات المصغّرة ثم اضغط على
    أنشاء جديد

    ردحذف
  38. الف شكر يا فندم بجد كنت دايخ على الكود لكي تحياتي ومروري
    هذا رابط المدونة التابعة لي تقبلي دعوتي
    http://egysa7.blogspot.com

    ردحذف
  39. لك الشكر اخي الكريم

    ردحذف
  40. السلام عليكم .. لماذا توقف عمل هذا الكود على جميع المتصفحات ماعدا "جوجل كروم" .. نرجوا المساعدة.

    ردحذف
  41. فعلا فوجئت أمس بتوقفه بسبب حظر روابط الجافاسكريبت على جوجل كود ولكنى قمت بتحديث الكود وسيعمل بإذن الله

    ردحذف
  42. حدثته ولم يعمل ):

    ردحذف
  43. السلام عليكم تم توقيف هدا السكريبت هل من حل ةشكرا عل

    ردحذف
  44. السلام عليكم شكرا لك لكن يا اختي هذا الكود لا يعمل في مدونتي وهذا هو رابطي
    http://arabicwords2.blogspot.com/

    ردحذف
  45. تم تحديث الروابط الخاصة بالإضافة ومن توقفت هذه الإضافة بموقعه عليه بإعادة نسخ الكود الموجود بالموضوع إلى موقعه

    ردحذف
  46. اهلا اخي اضافه رائعه و جميله جدا بس للاسف بعد تحويل مدونتي لدمين لا تعمل انا حزين جدا لذلك و ارجو ان اجد الحل عندك

    ردحذف
  47. @ george_webo
    ربما يكون السبب هو وجود اضافة اخرى تعمل بتقنية jqurey وحدث تعارض بالاكواد

    ردحذف
  48. السلام عليكم
    شكراً لكي علي هذا الكود لقد تم تركيبه علي مدونتي وقومت بعمل بعض التغيرات عليه ويمكنك مشاهدة هذه التغيرات وقول رأيك في مدونتي التعليمية المتواضعة http://teacherkidwa.blogspot.com

    ردحذف

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

Privacy-Policy | إعلن لدينا
جميع الحقوق محفوظة لــ كن داعيا للخير 2011-2022 ©

تصميم كن مدون