Membuat Random Posts Dengan Gambar - Komputer & Pengetahuan Umum
Loading...
Gadget by Powered By Moel.

Hot

Photobucket

Post Top Ad

Thursday, 3 May 2012

Membuat Random Posts Dengan Gambar

bagi yang ingin menambahkan random post dengan gambar berganti/slider seperti punya saya caranya gampang aja
pertama buka temlete dan copy script berikut copy diatas </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

jika sudah klik save dan beralih ke tata letak
add widget dan tambah yang javascript

lalu copy code dibawah ini

<style type="text/css" media="screen">
<!--


#spylist {
overflow:hidden;
margin-top:1px;
padding:0px 0px;
height:80px;
}
#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:72px; /tinggi kotak slider/
overflow: hidden;
background:#fff  repeat-x;
border:1px solid #ddd;
}


#spylist li a {
text-decoration:none;
color:#4B545B;
width:100%;
font-size:12px;
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 = 70; /lebar gambar/


thumbheight = 70; /tinggi gambar/


fntsize = 13;


acolor = "#666";


aBold = true;


icon = " ";


text = "comments";


showPostDate = true;


summaryPost = 40;


summaryFontsize = 10;


summaryColor = "#666";


icon2 = " ";


numposts = 100; /banyak entri posts/ 


home_page = "http://www.tranianggoro.co.cc/";


limitspy=2 /jumlah tampilan/
intervalspy=2000 /kecapatan slide /


</script>


<div id="spylist">
src='http://skripnyawbw.googlecode.com/files/artikelterbaru.js' type='text/javascript'></script></div>






ganti http://www.tranianggoro.co.cc/ dengan alamat blog sobat
untuk kecepatan,jumlah posting yang tampil,dan besar ukuran silahkan edit sendiri kode yang warna merah
ganti warna hijau dengan url gambar default pengganti ketika posts tidak ada gambar
lalu save,


semoga bermanfaat

No comments:

Post a Comment

Terimakasih telah berkunjung alangkah baiknya tinggalkan komentar anda,namun dengan kata yang sopan dan baik

Post Top Ad