Home » » Memasang Daftar artikel secara acak, Keren, Mudah

Memasang Daftar artikel secara acak, Keren, Mudah

Daftar artikel  ini berbeda dengan Cara Membuat Recent Post yang sebelumnya saya terbitkan, yag akan saya  bagikn kali ini adalah Recent Post yang ditampilkan secara acak dan bukan hanya artikel terbaru yang ditampilkan namun semua artikel akan ditampilkan dalam keadaan acak. Tentu hal ini cukup bagus dilakukan, dikarenakan tidak semua pengunjung blog kita ingin tau apa
postingan terbaru dari blog kita, tapi mereka pasti lebih ingin tau apa saja yang artikel yang kita postingkan di blog kita, sehingga cara ini sangat cocok untuk anda lakukan dan pasang widget ini di blog kamu semua. Untuk caranya sendiri sangat mudah dan sama seperti postingan sebelumnya tentang Cara Memasang Recent Post dengan Mudah. langsung saja ikuti langkah-langkah sebagai berikut :

1. Masuk ke akun Dasboard Blog anda
2. Masuk ke Tata Letak
3. Tambah Gadget HTML Javascrift
4. Copas kode dibawah ini

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><center><strong>Artikel AH</strong></center>
<center>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:1px;
padding:0px 0px;
height:300px;
}
#spylist ul{
width:100%;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:100%;
padding: 0px 0px;
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;
width:100%;
font-size:10px;
height:12px;
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:8px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:12px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:8px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>
<script language='javascript'>
imgr = new Array();
imgr[0] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";

imgr[1] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";

imgr[2] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";

imgr[3] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";

imgr[4] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";
showRandomImg = true;
boxwidth = 200;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 9;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 100;
home_page = "http://andyhiday.blogspot.com/";
limitspy=4
intervalspy=4000
</script>

<div id="spylist">
<script src='https://sites.google.com/site/pujiantoroinc/Home/recent_post_berkedip.js' type='text/javascript'></script>
</div></center>

5. Silahkan ganti kode berwarna merah dengan nama URL Blogmu
6. Simpan dan selesai

Silahkan lihat hasilnya di blog anda. . saya jamin tampilan blog anda makin cantik :)
Tinggalkan komentarnya ya. .
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website

0 comments:

Post a Comment

Silahkan masukan komentar anda disini!!

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Andie Sharing and Download - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger