Membuat Recent Post Bergerak ke Bawah

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://karristaent.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://karristaent.blogspot.com)
Dan warna Pink adalah jumlah postingan yang akan muncul di Recent Posts tersebut.

Mengetahetahui kode warna buka halamanya di bawah ini :  

 

Buka halaman :

Kode warna komplit

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