Home » , » Pasang Widget Animasi Recent Post Di Blog

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
filiex Artikel Oleh Filiex Boy dari filiex.com, yang telah
Diterbitkan di 1:37 AM
Label: ,
Jangan lupa berlangganan via RSS feed untuk artikel terbaru
Share this article :
Unduh Adobe Flash player

+ komentar + 3 komentar

September 18, 2012 at 12:06 PM

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

Terimakasih Anggi Wardani atas Komentarnya di Pasang Widget Animasi Recent Post Di Blog
November 2, 2012 at 11:55 PM

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

Terimakasih power super atas Komentarnya di Pasang Widget Animasi Recent Post Di Blog
February 13, 2013 at 12:03 AM

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

Terimakasih yaman kedz atas Komentarnya di Pasang Widget Animasi Recent Post Di Blog

Post a Comment