Cara Buat Random Post Bergerak | Selamat pagi, siang , sore atau pun malam tergantung anda membaca artikel ini kapan, hehe,.
Kali ini saya ingin menulis artikel tentang cara membuat Random Post bergerak (seperti blog ini), bagaimana menurut kamu?? bagus tidak??? (lihat gambar)
|
Cara Buat Random Post Bergerak |
Nah kalau kamu menilainya bagus dan ingin membuat yang seperti itu juga kamu bisa ikuti langkah berikut ini.
1. Login ke akun blogspot kamu masing-masing
2. Masuk ke dasbor > Layout > Add a gadget > pilih Html/Javascript
3. Kemudian patekan kode berikut ini kedalam nya
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><center><strong>ARTIKEL MENARIK LAIN</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();
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://infopc-yogi.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>
4. Setelah itu save dan lihat hasilnya.
Ketera
ngan:
* Ganti Tulisan berwana Hijau menjadi tulisan lain yang anda inginkan
**Ganti Tulisan warna merah menjadi alamat URL blog Anda
Sekian lah
cara untuk membuat Random Post Bergerak Di blogspot