Pages

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.

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

    #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;
    }

    -->
    </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 = 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
    </script>
    <div id="spylist">
    <script src="http://filiex.googlecode.com/files/rpts-filiex.blogspot.com.js" type="text/javascript"></script>
    </div>

  • 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.

Selamat Mencoba

Alfiona

Phasellus facilisis convallis metus, ut imperdiet augue auctor nec. Duis at velit id augue lobortis porta. Sed varius, enim accumsan aliquam tincidunt, tortor urna vulputate quam, eget finibus urna est in augue.

3 comments:

  1. gan ane udah follow agan ! jangan lupa kunjungi blog ane
    Kumpulan wallpaper terlengkap http://kumpulwallpaper.blogspot.com/

    ReplyDelete
  2. gan follow bakc on http://angga-ps.blogspot.com

    ReplyDelete
  3. mantap soobb..? di tunggu kunjungannya?
    http://kedz-a7x.blogspot.com

    ReplyDelete