28/10/11

Tutorial cara buat recent post bergambar


Tutorial cara buat recent post bergambar pada blog








Scipt ni dari abu farhan..ramai orang guna script recent post versi ni..cara pasang senang saja...desbot---desaign---ada gadget---html/ javascript..copy code di bawah ...



<center><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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp7AlV9VF3Ol46tgXC8e67ggmDCjmHxdAwk91oE21XMjflrR79Ylo00tvR2eQ1qsXzpLQqGiVPJd3w7Q9hw3I6Fca8YRH3c0hDw0msU4rOJ-6Tdj2u6fiR9nWtmLNG3P0w4bBP0yK5L6s/s1600/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] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw7Gyz0ZJ_GTnZRfAEMnfFG5TjQniJZd7_CNlNT3-TZsPfDqjr1chDVhmgzQituM_3-X8ZjkjuNlxltelnOsCfp937gY7Vl6V-qwuJdOs_oa2vmmbapqci6juuRZc2XYOUjaXjNB-su5M/s1600/coretv+no_image.jpg";

    imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw7Gyz0ZJ_GTnZRfAEMnfFG5TjQniJZd7_CNlNT3-TZsPfDqjr1chDVhmgzQituM_3-X8ZjkjuNlxltelnOsCfp937gY7Vl6V-qwuJdOs_oa2vmmbapqci6juuRZc2XYOUjaXjNB-su5M/s1600/coretv+no_image.jpg";

    imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw7Gyz0ZJ_GTnZRfAEMnfFG5TjQniJZd7_CNlNT3-TZsPfDqjr1chDVhmgzQituM_3-X8ZjkjuNlxltelnOsCfp937gY7Vl6V-qwuJdOs_oa2vmmbapqci6juuRZc2XYOUjaXjNB-su5M/s1600/coretv+no_image.jpg";

    imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw7Gyz0ZJ_GTnZRfAEMnfFG5TjQniJZd7_CNlNT3-TZsPfDqjr1chDVhmgzQituM_3-X8ZjkjuNlxltelnOsCfp937gY7Vl6V-qwuJdOs_oa2vmmbapqci6juuRZc2XYOUjaXjNB-su5M/s1600/coretv+no_image.jpg";

    imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw7Gyz0ZJ_GTnZRfAEMnfFG5TjQniJZd7_CNlNT3-TZsPfDqjr1chDVhmgzQituM_3-X8ZjkjuNlxltelnOsCfp937gY7Vl6V-qwuJdOs_oa2vmmbapqci6juuRZc2XYOUjaXjNB-su5M/s1600/coretv+no_image.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://blogger-blog-tutorial.blogspot.com/";

    limitspy=4
    intervalspy=4000

    </script>

    <div id="spylist">
        <script src='http://kangdadang.googlecode.com/files/recentpostthumbspy-by-abufarhan.js' type='text/javascript'></script></center>



gantikan http://blogger-blog-tutorial.blogspot.com dengan url blog anda..kemudian save..senangkan

sekian

Tiada ulasan:

entri ja

Related Posts Plugin for WordPress, Blogger...