Blogspot.com | Cara Membuat Recent Post beregerak . Itulah judulnya untuk postingan malam ini. Artikel Ini saya copy dari salah satu blog tapi saya lupa dimana nge-copynya (beneran saya lupa). Tapi tidak sepenuhnya saya copy-paste. Saya juga baru masang recent post pada blog ini, karena saya merasa artikel ini cukup bagus. Saya share deh sama sobat bloggers.
Ok. Langsung ke TKP :
Cara Membuat Recent Post Bergerak Pada Blogspot:
1. Login ke Dasbor blogspot.
2. Pilih Rancangan
3. Klik Tambah Gadget pada bagian blog yang ingin di tambah Recent Post.
4. Kemudian Pilih HTML/JavaScript
5 Isi Judul Sesuka anda, Copy dan letakkan kode dibawah ini kedalamnya
Cara Membuat Recent Post Bergerak Pada Blogspot:
1. Login ke Dasbor blogspot.
2. Pilih Rancangan
3. Klik Tambah Gadget pada bagian blog yang ingin di tambah Recent Post.
4. Kemudian Pilih HTML/JavaScript
5 Isi Judul Sesuka anda, Copy dan letakkan kode dibawah ini kedalamnya
<center><style type="text/css">
#rp_plus_img{height:300px;overflow:hidden;border:solid 0px #fff;padding:6px 10px 24px 5px;background-color:transparent;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#F68629;}
#rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#F68629;text-align:justify;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #F68629;width:95px;height:55px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="http://theplick.googlecode.com/files/newsticker-plick.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 1000;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 20;
var numchars = 0;
</script> <script src="http://mulaidengankanan.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt">
</script> </ul>
</center>6. Ganti tulisan yang berwarna merah dengan nama blog yang sobat gunakan.
7. Simpan
#rp_plus_img{height:300px;overflow:hidden;border:solid 0px #fff;padding:6px 10px 24px 5px;background-color:transparent;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#F68629;}
#rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#F68629;text-align:justify;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #F68629;width:95px;height:55px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="http://theplick.googlecode.com/files/newsticker-plick.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 1000;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 20;
var numchars = 0;
</script> <script src="http://mulaidengankanan.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt">
</script> </ul>
</center>6. Ganti tulisan yang berwarna merah dengan nama blog yang sobat gunakan.
7. Simpan
Gitu aja sob. Gampang kan. Terima kasih telah membaca artikel copyan ini yang saya beri judul Cara Membuat Recent Post Bergerak. Eheheheh :)
0 komentar:
Post a Comment