Membuat Recent Post Bergerak ke Bawah

Ketemu lagi sobat..?  pada pertemuan ini saya akan share widgate yang tidak  aneh

Lagi bagi weblog-blogger, walau sudah banyak  sobat dan teman web - blog online

Memasang dan mempublish, widget ini. tapi barang  kali ada  salah satu  sobat yang
Belum tau atau belum mempergunakan widget ini  silahkan simak tutorial nya disini

Recent Post Bergerak

Walau sebelum nya sudah tau widget ini, tetapi yang dulu tidak gerak kali ini bergerak
Kebawah menambah tampilan lebih cantik  menawan seperti screnshot kanan blog ini
Dengan membuat recent post, memungkinkan  pengunjung akan mengeklik salah satu
Dari postingan sobat yang sedang  berjalan ke bawah, dan tentu saja akan menambah
Pageview blog kita yg  berdampak akan  popularitasnya blog  kita. selain itu blog kita
Akan kelihatan lebih indah dan cantik. langsung  saja sob tips dan cara memasang nya.

Cara Memasang widget ini perhatikan trik berikut di bawah ini :
1. Login ke akun bloggeranda dan sigin
2. Pilih dasboard blogger
3.Pilih layout - tata letak pilih html java script
4.Lalu tambahkan gadget lalu pilih menu html-java scrip
5. Copy kode html di bawah ini
6.Dan paste kan di kode javascript nya, di kolom html

<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:hidden;
    margin-top:5px;
    padding:0px 0px;
    height:343px;
    }
    #spylist ul{
    width:300px;
    overflow:hidden;
    list-style-type: none;
    padding: 0px 0px;
    margin:0px 0px;
    }
    #spylist li {
    width:286px;
    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 = 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 = 95;
    summaryColor = "#666";
    icon2 = " ";
    numposts = 10;
    home_page = "http://ansud-site.blogspot.com/";
    limitspy=4
    intervalspy=4000
    </script>
    <div id="spylist">
    <script src="http://infonetmu.googlecode.com/files/recentpostthumbslideshow.js" type="text/javascript">
    </script></div>

Keterangan :
Pada kode yang berwarna Merah kalau di template anda sudah ada jquery versi apa aja
Kode yang merah abaikan saja. atau jangan di ikut sertakan dalam copy paste widget ini
Ganti warna Biru dengan nama blog sobat. Contoh : (http://ansud-site.blogspot.com)
Dan warna Pink adalah jumlah postingan yang akan muncul di Recent Posts tersebut.

Kalau sudah selesai klik simpan gak usah di kasih judul-atau selera anda
Skian tips trik ini semoga anda berhasil melengkapi  accessories  weblog

• Tweet
• Share
• Share
• Share
• Share

About ansud-site

Terima Kasih Sobat alls well Atas Kunjungannya di Blog Sederhana Ini, Semoga Selalu Menginspirasi dan Bermanfaat Bagi Dunia Pendidikan Di Tanah Air Tercinta Indonesia.SALAM PENDIDIKAN

Related Post