Membuat Recent Post Bergerak di Blog

Selasa, 28 Februari 2012

Membuat Recent Post Bergerak di Blog

Recent post yang akan kita buat ini adalah recents post thumbnail yang bergerak,jadi selain para pengunjung blog kita mudah dalam mengetahui postingan terbaru kita,blog kita pun akan terlihat bagus. Berikut Blog Tyo bantu untuk Membuat Recent Post Bergerak di Blog..



Membuat Recent Post Bergerak di Blog
silahkan ikuti beberapa langkah berikut
1.Login ke akun blogger sobat
2.Klik menu TATA LETAK (bagi sobat yang menggunakan antarmuka blogger yang lama,klik RANCANGAN)
3.Klik Tambah Gadget
4.Klik HTML/Javascript
5.Masukan kode berikut 

<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://www.blogtyo.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script> </ul>
</center>

Perhatikan : Ganti tulisan yang saya beri warna biru dengan alamat blog kamu

6.Klik SIMPAN
7.Selesai



Bila berhasil, tampilan Recent Post nya akan sama dengan punya Blog Tyo yang ada di kanan blog ini. Sekian Tutorial Blog "Go Blog" Membuat Recent Post Bergerak di Blog.  Silahkan dicoba juga Membuat Related Post dengan Fungsi Scrolling.

13 Komentar untuk "Membuat Recent Post Bergerak di Blog"

  1. Sudah ku coba,
    thanks,om :D

    BalasHapus
  2. oke maskasih scripnya sudah berhsil di pasang..

    BalasHapus
  3. working gan

    ..
    gini nih..mau sedikit merepotkan dengan bertnya

    apa bisa style text nya di rubah??
    apa bisa ditentukan post mana aja yang di putar??

    BalasHapus
  4. ni dia yang ku cari, mantap gan
    izin sedot yaaaa

    BalasHapus
  5. maaf Punyaku Kog Eror Ya ???
    Gambarnya yg Kelihat Cuman 1/4nya bukan 1 gmbr penuh ..
    trus dibawah Footernya Ada Gambarnya dari Recent Post Itu !
    coba lihat : http://andika-rsbi.blogspot.com/
    Nih Gambarnya : http://i47.tinypic.com/2njk5f4.jpg

    BalasHapus
  6. Cara Mengganti Ukuran Gimana Emang ?

    BalasHapus
  7. mas mohon sarannya donk.. tampilan nya.. ga rapii ni.. harus sy ubah apa nya

    BalasHapus
  8. Sangat2 Bermanfaat...
    terima kasih sudh mau berbagi..
    MOKO KONVEKSI SEMARANG ngaturaken Matursuwun sing katah..

    BalasHapus

Terima Kasih Udah Baca Artikel Blog Tyo. Silahkan berkomentar, bebas dan bertanggung jawab. Oh ya, masih banyak artikel bagus lho di blog ini, ditunggu komentar dan kunjungannya kembali