إضافة جديد المواضيع بطريقة متحركة

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

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


إضافة جديد المواضيع 

Demo


و لكي تتمكن من إضافتها توجه إلى تصميم ، عناصر الصفحة ، إضافة أداة ، HTML/JavaScript ثم ألصق الكود الموجود في الأسفل.


1 
2


<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://widget-blogs.blogspot.com/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
    <script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js'
type='text/javascript'></script>
</div>   

و لتغير في الكود قم بتبديل ما لون ب:
  1. اللون الأحمر غيره برابط مدونتك
  2. اللون الأزرق لتغير حجم الإضافة
  3. اللون الأخضر لتغيير خلفية الإضافة
  4. اللون البني لتغيير حجم الصورة التي ستظهر في الإضافة
  5. اللون البنفسجي خاص بعدد المواضيع التي ستظهر

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

هناك 6 تعليقات:

  1. قد يشكرك المتابعون لك أيها المدون المتميز، لكن كلمة الشكر لن تفيك حقك..أقولها بكل صدق، لأنك تسدي الكثير من الخدمات للناس وبطريقة رائعة وبدون مقابل، إذا كنت تفعل هذا حبا للعباد وحبا لله لا تريد إلا وجه الله فلا تنس حديث رسول الله صلى الله عليه وسلم: يا أيها الناس اسمعوا واعقلوا ، واعلموا أن لله عز وجل عبادا ليسوا بأنبياء ، ولا شهداء ، يغبطهم النبيون والشهداء على منازلهم وقربهم من الله ، فجثى رجل من الأعراب من قاصية الناس ، وألوى بيده إلى النبي صلى الله عليه وسلم فقال : يا رسول الله ناس من الناس ليسوا بأنبياء ولا شهداء يغبطهم الأنبياء والشهداء على مجالسهم ، وقربهم من الله ، أنعتهم لنا جلهم لنا – يعني صفهم لنا شكلهم لنا ، فسر وجه النبي صلى الله عليه وسلم بسؤال الأعرابي ، فقال رسول الله صلى الله عليه وسلم : هم ناس من أفناء الناس ، ونوازع القبائل لم تصل بينهم أرحام متقاربة ، تحابوا في الله وتصافوا يضع الله يوم القيامة منابر من نور فيجلسون عليها ، فيجعل وجوههم نورا ، وثيابهم نورا ، يفزع الناس يوم القيامة ولا يفزعون وهم أولياء الله لا خوف عليهم ، ولا هم يحزنون
    الراوي: أبو مالك الأشعري المحدث: المنذري - المصدر: الترغيب والترهيب - الصفحة أو الرقم: 4/83
    خلاصة حكم المحدث: إسناده حسن

    ردحذف
  2. شكرا أخي الباشق نورت الموضوع بتعليقك كما نورته بحديث
    نبينا محمد صلى الله عليه و سلم


    تقبل تحياتي

    ردحذف
  3. السلام العليكم ورحمة الله وبركاته

    جزاك الله كل خير اخى منير على الاضافه الرائعه جدا

    ربنا يوفقك ويعينك على الخير ويبارك فيك اخى الحبيب

    ردحذف
  4. @محمد المصـــرى

    و عليكم السلام أخي محمد

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

    و فقك الله لما يحب و يرضا

    ردحذف
  5. .. فكرة جيده .. وخفيفة !!

    شكرا لكم ..~

    ردحذف
  6. @Jamila العفو أختي جميلة

    و شكرا على التعليق

    ردحذف