Cara Membuat Recent Post Berjalan ke Bawah

Kali ini tutor26 akan mengulas Cara Membuat Recent Post Berjalan ke Bawah.

Langsung aja Cekoprot'z Gan..









  1. Login ke akun blogger masing masing
  2. Dari dashboard ke Rancangan
  3. Klik Add Gadget/Tambah Gadget
  4. Pilih HTML/Javascript
  5. Masukkan kode berikut


    <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:285px;
    overflow:hidden;
    list-style-type: none;
    padding: 0px 0px;
    margin:0px 0px;
    }
    #spylist li {
    width:273px;
    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://tutor26-project.googlecode.com/files/icon.t26.png";

    imgr[1] = "http://tutor26-project.googlecode.com/files/icon.t26.png";

    imgr[2] = "http://tutor26-project.googlecode.com/files/icon.t26.png";

    imgr[3] = "http://tutor26-project.googlecode.com/files/icon.t26.png";

    imgr[4] = "http://tutor26-project.googlecode.com/files/icon.t26.png";

    showRandomImg = true;


    boxwidth = 290;


    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 = 15;


    home_page = "http://tutor26.blogspot.com/";


    limitspy=4
    intervalspy=4000


    </script>


    <div id="spylist">
    <script src='http://tutor26-project.googlecode.com/files/postberjalan.txt' type='text/javascript'></script>
    </div>
  6. Ganti http://tutor26.blogspot.com/ dengan url blog sobat
  7. Jika sudah silahkan klik Simpan
  8. Lihat hasilnya
Selamat mencoba Sobat Bloger... (",)

0 komentar:

Post a Comment

Blog Auto Approve Comments with Chapta (Blog komentar tampil setelah mengisi kode / verifikasi gambar terlebih dahulu).

Mohon menuliskan komentar Mas Mbro Bos dengan bahasa yang baik, tidak mengandung Sara, Pornografi, dan Provokasi Pihak lain.

Terima kasih atas kesediaan Mas Mbro Bos dimanapun berada (",)

Salam,

Follow by Email