Selamat datang. Terima kasih telah berkunjung.

Membuat post terbaru bergerak

Senin, 18 Juli 2011

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://lh3.googleusercontent.com/-9407gMGSNm4/TY2F3Ydsu1I/AAAAAAAABqo/uijW48xcpv0/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://lh4.googleusercontent.com/-m7-1WePVI_E/TY1-2d3xStI/AAAAAAAABqk/NgEgk4qPmP8/s1600/no_image+.gif";
imgr[1] = "https://lh4.googleusercontent.com/-m7-1WePVI_E/TY1-2d3xStI/AAAAAAAABqk/NgEgk4qPmP8/s1600/no_image+.gif";
imgr[2] = "https://lh4.googleusercontent.com/-m7-1WePVI_E/TY1-2d3xStI/AAAAAAAABqk/NgEgk4qPmP8/s1600/no_image+.gif";
imgr[3] = "https://lh4.googleusercontent.com/-m7-1WePVI_E/TY1-2d3xStI/AAAAAAAABqk/NgEgk4qPmP8/s1600/no_image+.gif";
imgr[4] = "https://lh4.googleusercontent.com/-m7-1WePVI_E/TY1-2d3xStI/AAAAAAAABqk/NgEgk4qPmP8/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.
Share this article :

8 komentar:

  1. hy...
    saya mau memberi komentar nih..
    kira2 semua yang di tulis di atas dengan tinta biru dan merah itu di tulis juga ??
    balas yach...

    BalasHapus
  2. iya code yang warna biru dan merah itu di copy trus dimasukin ke html/javascript

    tapi 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...

    BalasHapus
  3. masih ada yang kurang jelas? silahkan di tanyakan.^^

    BalasHapus
  4. tpi saya sudah masukkan ke htm/javascript..
    malah munculnya tdk ada tulisan apa2....

    BalasHapus
  5. terkadang memang begitu.. kalau begitu aku akan pastikan lagi kodenya benar atau masih ada yang keliru.. maaf atas ketidaknyamanannya...

    BalasHapus
  6. baik saya tunggu yach...

    BalasHapus
  7. iya sy sdh perbaiki,, silahkan dicoba..

    BalasHapus

Pengunjung International


 
Other account : Facebook | Twitter |
Updated © 2013. Gerald's Blog - All Rights Reserved
Blog owned and designed by Gerald Shan Benediktus Simanullang