الخميس، 27 مايو 2010

شرح عمل قائمة جذابة بأحدث المواضيع للبلوجر

أداة جذابة ورائعة تمكنك من عرض المواضيع بطريقة أكثر من رائعة
فهي تجعل المواضيع بشكل أجمل وأروع . تسرد المواضيع بشكل أنيق
لتحميل الأداة لمدونتك
أولا الدخول الى لوحة التحكم
ثم الى التخطيط
ثم إضافة أداة جديدة , ثم إضافة أداة HTML
وبعد ذلك قم بنسخ هذا الكود داخلها
ولا تنسى تغيير اللون الأحمر elbasem.blogspot.com باسم مدونتك

 

<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://dl.dropbox.com/u/708209/scriptabufarhan/recentspy/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://elbasem.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>

هناك 17 تعليقًا:

  1. موضوع أكثر من رائع

    تحياتي لك

    ردحذف
  2. الأخ نايف شكرا لردك الكريم

    ردحذف
  3. فكرة رائعة مشكور
    ولكن عند التطبيق لم يظهر الإطار كاملا فمن الناحية اليسرى اختفى الإطار ؟؟؟
    إذا أمكن أن تفيدني؟
    جزاك الله خير

    ردحذف
  4. الف شكر طريقة رائعة ومفيدة حقا

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

    ردحذف
  6. الأخ محمد نجد
    يا غالي غير كود اللون الخاص بالخلفية

    تقبل تحياتي

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

    ردحذف
  8. الأخ محمد نجد تفضل يا غالي
    كود حدود الإضافةborderColor = "#232c35";

    bgTD = "#000000";
    كود الخلفية

    ردحذف
  9. شكرا جزيلا بجد جزاك الله خير
    ربنا يكرمك يارب

    ردحذف
  10. الأخت جانا
    ربنا يبارك فيكي مشكورة لمرورك الكريم

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

    ردحذف
  12. الأخ صلاح

    ربنا يبارك فيك يا غالي

    ردحذف
  13. بارك الله فيك و جزاك الله كل خير على الاضافة الممتازة دى

    www.nlp4fun.blogspot.com

    ردحذف
  14. الأخت الفاضلة هبة . مرحبا بك وجزانا الله وإياكي كل الخير

    ردحذف
  15. الأخت الملكة نفرتيتي : مرحبا بك اختنا الغالية
    ومدونتك رائعة بكل المقاييس .. شكرا لمرورك الكريم

    ردحذف
  16. الأخ يوسف .. تم تصحيح الرابط يا ريس وأي خدمة

    ردحذف
  17. مبدع أخوي بسام لاحرمك الرحمن أجر هذه الجهود
    موفق أخوي

    ردحذف