اولا.. ادخل الى حسابك في بلوجر >> التخطيط >> اضافة اداة (add a Gadget) ثم الي ( HTML/JavaScript)
ثانيا..انسخ الكود والصقه في الاداة

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

    #spylist {
    overflow:hidden;
    margin-top:5px;
    padding:0px 0px;
    height:350px;
    }
    #spylist ul{
    width:300px;
    overflow:hidden;
    list-style-type: none;
    padding: 0px 0px;
    margin:0px 0px;
    }
    #spylist li {
    width:280px;
    padding: 5px 5px;
    margin:0px 0px 5px 0px;
    list-style-type:none;
    float:none;
    height:70px;
    overflow: hidden;
    background:#fff url(http://3.bp.blogspot.com/_jHMeAd-B95Y/TIMb6fuoC-I/AAAAAAAACfQ/iQBe2rxDd74/s320/post.jpg) repeat-x;
    border:1px solid #ddd;
    }

    #spylist li a {
    text-decoration:none;
    color:#679AFF;
    text-shadow: 2px 2px 2px #e9e9e9;
    font-size:14px;
    height:20px;
    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>

        < language='javascript'>

    imgr = new Array();

    imgr[0] = "http://i43./orpg0m.jpg";

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

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

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

    imgr[4] = "http://i43./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://shlot-group.blogspot.com/";

    limitspy=4
    intervalspy=4000

    </>

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

كده انتهينا من الكود ويتبقي الخطوات النهائية لجعل الكود متوافق مع مدونتك

1. اللون.. الاخضر.. غير الارقام (height) بالطول اللذي تريده للاضافة أو أتركها كما تحب لكن العرض (width) يجب ان تغيره طبقا لمقاس عرض السايدبار القائمة الجانبية...
2. اللون.. البني.. هو عرض وطول التي ستظهر جانب كل موضوع..
3. اللون.. الازرق.. هو عدد المقالات التي ستظهر في الاضافة..
4. نأتي الي اهم حاجة وهو اللون.. الاحمر.. وهو رابط مدونتك الشخصية كل ماعليك فعله هو ازالة رابط المدونه باللون الاحمر ووضع رابط مدونتك الشخصيه..

الان انتهينا من وضع الكود واضافة اللمسات التعديلية عليه
احفظ عملك واتوكل علي الله وشوف النتيجة.

لو فى حاجه مش مظبوطه فى الكود انا موجود لاى استفسار

ازاى احط الكود

افتح حسابك اختر تصميم ثم اضافه اداه ثم اضافه html وضع الكود وغير بقا الحاجات الموجوده تحت الكود
ومبروك الاضافه

شكرا لك اخي الكريم

الكووووووووووود مش شغااااااااااااااااااااااااااااااااااال

مش شغااااااااال

الكود ناقص يا معلم

الكود غير شغال
http://bollywood-01.blogspot.com/

الكود بايظ