Cara Pasang Widget Animasi Recent Post Di Blog

Cara Pasang Widget Animasi Recent Post Di Blog

Untuk Tutorial Blogger Kali ini Saya Akan Membahas Cara Memasang Widget Animasi Recent Post Di Blog. Pada Umumnya Widget Recent Post Yang Disediakan Oleh Blogspot Hanyalah Berupa Text Dan Thumbnail Biasa Saja. Disini Sobat Bisa Mengganti Atau Memasang Animasi Recent Post Di Blog Sobat Masing Masing Dengan Menyimak Tutorial Dibawah Dan untuk Melihat Contoh Sobat Bisa Lihat Gambar Di Atas Atau Click DISINI Untuk Demo.

Caranya Amat Mudah Dan Silahkan ikuti Intruksi Dibawah.
  • Login ke Akun Blogger Sobat.
  • Masuklah Pada Rancangan Dan Pilih Elemen Laman.
  • Silahkan Sobat Pilih Tambahkan Gatget Lalu Pilih HTML/Javasript.

  • Selanjutnya Sobat Copas Kode Dibawah ini Dan Taruh Pada Kolom Kosong HTML/javasript Tadi.

    <!–

    #spylist {
    overflow:show;
    margin-top:5px;
    padding:0px 0px;
    height:350px;
    }
    #spylist ul{
    width:280px;
    overflow:show;
    list-style-type: none;
    padding: 5px 5px;
    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() repeat-x;
    border:1px solid #ddd;
    }

    #spylist li a {
    text-decoration:none;
    color:#4B545B;
    font-size:10px;
    height:8px;
    overflow:show;
    margin:3px 3px;
    padding:0px 0px 2px 0px;
    }
    #spylist li img {
    float:left;
    margin-right:5px;
    background:#EFEFEF;
    border:0;
    }
    .spydate{
    overflow:show;
    font-size:10px;
    color:#0284C2;
    padding:2px 0px;
    margin:1px 0px 0px 0px;
    height:8px;
    font-family:Tahoma,Arial,verdana, sans-serif;
    }

    .spycomment{
    overflow:show;
    font-family:Tahoma,Arial,verdana, sans-serif;
    font-size:10px;
    color:#262B2F;
    padding:3px 3px;
    margin:8px 8px;
    }

    –>

    imgr = new Array();
    imgr[0] = “http://i43.tinypic.com/orpg0m.jpg&#8221;;
    imgr[1] = “http://i43.tinypic.com/orpg0m.jpg&#8221;;
    imgr[2] = “http://i43.tinypic.com/orpg0m.jpg&#8221;;
    imgr[3] = “http://i43.tinypic.com/orpg0m.jpg&#8221;;
    imgr[4] = “http://i43.tinypic.com/orpg0m.jpg&#8221;;
    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 = 20;
    home_page = “http://alamat-blog-sobat.blogspot.com/“;
    limitspy=4
    intervalspy=4000

  • Gantilah Kode Yang Berwarna Biru Dengan Alamat Atau URL Blog Sobat Kemudian Simpan.
  • Terakhir Lihat Hasilnya.
  • Selesai.

Bila Diantara Sobat Mengalami Atau menemukan Masalah Dalam Pemasangan Widget Animasi Recent Post ini Silahkan Tinggalkan Komentar untuk Bantuan.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s