Browse: Home / / Cara membuat Recent Post (Post Berjalan Otomatis)
Home » » Cara membuat Recent Post (Post Berjalan Otomatis)

Cara membuat Recent Post (Post Berjalan Otomatis)


Oke teman-teman. mumpung ada waktu luang. nongol dulu deh. di hari ini saya akan memosting tentang Cara membuat Recent Post . apa sih recent post itu ? recent post itu posting blog kita yang di tampilkan kembali dlm bentuk thumbnail gambar yang dapat berjalan secara Otomatis. (hehe maaf klo dikit menyimpang. kurang lebih nya menurut saya begitu.)


contoh DEMO nya bisa lihat di samping sebelah kanan, bawah bro :


langsung aja deh. sudah pada ga sabar nih keliatan nya. hehe

1. Login ke akun Blog kalian
2. Pergi ke Tata letak > add/tambah gadget > pilih HTML/Java Script
3. tulis judul Terserah kalian. kalo udah, masukan Kode ini :


<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:450px;
}
#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:#2062FF;
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 = 5;
home_page = "http://hasil2.blogspot.com/";
limitspy=5
intervalspy=4000
</script>
<div id="spylist">
<script src="http://infonetmu.googlecode.com/files/recentpostthumbslideshow.js" type="text/javascript">
</script></div>




Keterangan :
Kode Hijau untuk mengatur tinggi "gadget"
          Merah ganti dengan Url blog kalian.
          Kuning Untuk jumlah post yang ingin di tampilkan

4. Save/Simpan gadget nya. dan lihat blog kalian.

Ditulis Oleh : Unknown ~ Tips dan Trik Blogspot Ebook Dan Game Dll

Christian angkouw Sobat sedang membaca artikel tentang Cara membuat Recent Post (Post Berjalan Otomatis). Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya

:: Get this widget ! ::

Diposkan oleh

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)