Jumat, 13 Januari 2012

CARA MEMBUAT RECENT POST BEJALAN !!

Cara Membuat Recent Post Berjalan ke Bawah | Di Hari yang Cerah Seperti sekarang ini, sebenernya enakan Main, Tapi saya Lebih Memilih duduk depan Komputer Menikmati pemandangan traffick blog yang Semakin Lama Semakin Meningkat, Semoga Pembaca dan Pengunjung Blog ini Tidak Bosen Berkunjung Kemari, Amin hehe :p, Ko jadi Ngelantur gak jelas gini sih.. wkwk
Langsung ke intinya, Nah pasti Sobat Bloger Pernah Membuat Postingan Terbaru (Recent Post), Dan Bertanya-tanya bagaimana cara menampilakan Postingan Terbaru itu di sisi postingan, kali ini angga bahas Caranya.. step by Step





  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://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 = 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://anggafirmansyah1.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>
  6. Ganti http://anggafirmansyah1.blogspot.com/ dengan url blog sobat
  7. Jika sudah silahkan klik Simpan
  8. Lihat hasilnya

Selamat Mencoba Sobat Bloger...
Goodluck..

Tidak ada komentar:

Posting Komentar