Monday, May 14, 2012

Cara Membuat Recent Post Berjalan

Mungkin pos kali ini sudah ketinggalan jaman tetapi untuk yang baru belajar ataupun newbe seperti saya ini pos kali ini cukup sedikit membantu..
Cara Membuat Recent Post Berjalan Diblog cukup mudah dan caranya adalah sebagai berikut:
Pertama-taman agan harus buka bloggernya.
  1. Login ke akun Blogger agan
  2. Klik Rancangan >> Elemen haLaman
  3. Klik Tambah Gadget
  4. Pilih HTML/Javascript
  5. Masukan kode berikut :
<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:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
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 = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 30;
home_page = "http://www.onelyz.co.cc/";
limitspy=4
intervalspy=5000
</script>
<div id="spylist">
<script src="http://infonetmu.googlecode.com/files/recentpostthumbslideshow.js" type="text/javascript">
</script></div>

Setelah agan masukan kode tersebut agan simpen tetapi sebelum agan simpen agan harus ganti tulisan diatas yang berwarna merah, ijo dan pink..
Penjelasan :

Ijo itu       :
Untuk mengatur berapa yang pos yang akan ditampilkan jadi jika di situ berisi 30 maka pos-pos baru agan akan ditampilkan 30 pos.

Merah itu : 
Untuk mengatur url dari blog agan.

Pink itu    :
Untuk mengatur kecepatan dari slide pos yang akan ditampilkan ingat semakin besar nominal yang diganti dari 5000 semakin lambat slide yang akan ditampilkan tetapi jika semakin kecil nominal yang agan ganti dari 5000 semakin cepat pula slide yang akan ditampilkan.

Semoga pos kali ini bermanfaat untuk sobat-sobat sekalian yang sedang belajar blog jika ada yang salah mohon dimaafkan.
terima kasih.
Comments
0 Comments

0 komentar:

Post a Comment

Khiasan

Teruslah berinspirasi untuk hal-hal positif yang membawa keuntungan bagimu..
Kelak nanti pasti akan membawa kebahagian bagimu...

....."Salam Blogger Info Onely".....

JANGAN LUPA JOIN BLOG DAN LIKE FACEBOOKNYA