Berhubung ada yang minta bagi ilmu membuat post terbaru bergerak, aku akan bagi tau caranya
1. Masuk Blogger
2. Klik Rancangan > Tambah Gadget > HTML/JavaScript
3. Masukan kode berikut :
<center>
<script src="https://sites.google.com/site/teknikbuatblog/tbb/jquerry.js?attredirects=0&d=1" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwAxTDb4j9iPwfrBLKEUynwDgrmxwJs5czjDWDBeV2CEsAR_xF13w1tcU27cO9qyRHO4cYHBjNNs2au_Zdwhh6Oh9FhwbhfzmIvCfDYvQoNN6sGYPPdzqmwV4PHrS_5gfzDDQjXH9vDu8/s1600/teknikbuatblogblogspot-com.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:#A9A9F5;
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] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvTDUn8SFkDdPWGgd27DiciUGQ6h5NRGk9uhNjskh2z6oZQluD3-2S-bOUOW4bE75voFYscbNlsX1ZziqGIR2j2sM9jDW9iZniPSxeOVM1H0TYer0OT_4Yt532v5ej6YvnNoi7Q88s4cs/s1600/no_image+.gif";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvTDUn8SFkDdPWGgd27DiciUGQ6h5NRGk9uhNjskh2z6oZQluD3-2S-bOUOW4bE75voFYscbNlsX1ZziqGIR2j2sM9jDW9iZniPSxeOVM1H0TYer0OT_4Yt532v5ej6YvnNoi7Q88s4cs/s1600/no_image+.gif";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvTDUn8SFkDdPWGgd27DiciUGQ6h5NRGk9uhNjskh2z6oZQluD3-2S-bOUOW4bE75voFYscbNlsX1ZziqGIR2j2sM9jDW9iZniPSxeOVM1H0TYer0OT_4Yt532v5ej6YvnNoi7Q88s4cs/s1600/no_image+.gif";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvTDUn8SFkDdPWGgd27DiciUGQ6h5NRGk9uhNjskh2z6oZQluD3-2S-bOUOW4bE75voFYscbNlsX1ZziqGIR2j2sM9jDW9iZniPSxeOVM1H0TYer0OT_4Yt532v5ej6YvnNoi7Q88s4cs/s1600/no_image+.gif";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvTDUn8SFkDdPWGgd27DiciUGQ6h5NRGk9uhNjskh2z6oZQluD3-2S-bOUOW4bE75voFYscbNlsX1ZziqGIR2j2sM9jDW9iZniPSxeOVM1H0TYer0OT_4Yt532v5ej6YvnNoi7Q88s4cs/s1600/no_image+.gif";
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 = 15;
home_page = "http://namablogmudisini.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='https://sites.google.com/site/teknikbuatblog/tbb/tbb.js?attredirects=0&d=1' type='text/javascript'></script>
</div></center><br/><center><a target=_"blank" href="http://gs-info.blogspot.com/2011/07/membuat-post-terbaru-bergerak.html">Get Widget</a></center>
catatan :
namablogmudisini ganti dengan alamat web/blog kamu
anka 15 itu bisa diganti dengan berapa post terbaru yang akan ditampilkan
Jika ingin tampilan yang terbaik ganti yang berwarna merah saja.
Home
Ilmu Blogger
Membuat post terbaru bergerak
Membuat post terbaru bergerak
Senin, 18 Juli 2011
Label:
Ilmu Blogger
hy...
BalasHapussaya mau memberi komentar nih..
kira2 semua yang di tulis di atas dengan tinta biru dan merah itu di tulis juga ??
balas yach...
iya code yang warna biru dan merah itu di copy trus dimasukin ke html/javascript
BalasHapustapi tulisan warna merah http://gs-info.blogspot.com/ ganti dengan alamat web/blog kamu
anka 15 itu bisa diganti dengan berapa post terbaru yang akan ditampilkan ..
terima kasih telah berkunjung...
masih ada yang kurang jelas? silahkan di tanyakan.^^
BalasHapustpi saya sudah masukkan ke htm/javascript..
BalasHapusmalah munculnya tdk ada tulisan apa2....
terkadang memang begitu.. kalau begitu aku akan pastikan lagi kodenya benar atau masih ada yang keliru.. maaf atas ketidaknyamanannya...
BalasHapusbaik saya tunggu yach...
BalasHapusiya sy sdh perbaiki,, silahkan dicoba..
BalasHapuskeren kali blog you
BalasHapus