Cara Buat Recent Post Bergerak

Halo, Selamat pagi, Jumpa lagi di postingan pagi ini.
Buat semua pengguna atau owner blog, niscaya sudah mengenal yang namanya Recent Post.
Ya, Recent Post atau Postingan Terbaru ialah sebuah widget blog yang berkhasiat untuk menampilkan postingan terbaru para blogger.
Jumlah postingan yang ditampilkannya sendiri biasanya sanggup diatur sendiri oleh para blogger.

Saat mendaftar blogger, Recent Post ialah salah satu widget utama yang sanggup dipasang. Recent Post yang  disediakan oleh blogger, mempunyai tampilan yang standar. Namun, beberapa blogger ada yang merasa kurang puas dengan tampilan standar. (Mungkin termasuk sahabat yang sedang Membaca.)

Jika memang demikian, sangat sempurna sekali hari ini sahabat tiba berkunjung ke blog ini. Disini saya punya sebuah tutorial sederhana, bagaiman cara menciptakan Recent Post Bergerak. Nah, untuk sahabat pembaca yang tertarik, silahkan lakukan tutorial di bawah ini:



1. Log in ke blogger.
2. Buka Tata Letak, Tambahkan Gadget dan pilih HTML/Javascript.
3. Masukkan isyarat berikut di kolom yang disediakan.

<style type="text/css">
    #rp_plus_img{height:377px;}
    #rp_plus_img li {height:60px;padding:5px;list-style:none;
    background-color:#ffffff;
    border:solid 1px #000000;}
    #rp_plus_img a{color:#00000;}
    #rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
    text-align:justify;
    -moz-border-radius: 5px;}
    #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}

</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="https://sites.google.com/site/unwanted86/javascript/recentpost.js" type="text/javascript">
</script>
<script type="text/javascript">
    var speed = 1000;
    var pause = 3500;
    $(document).ready(function(){
    rpnewsticker();
    interval = setInterval(rpnewsticker, pause);
    });

</script>
<ul id="rp_plus_img"><script>
    var numposts = 5;
    var numchars = 0;

</script>     <script src="alamatblog/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script></ul>


Kode berwarna biru ialah warna Latar Recent Post, ganti dengan isyarat warna sesuai dengan keinginan.
Warna Hijau mengatakan Berapa banyak postingan gres yang akan ditampilkan dalan Recent Post
Dan yang berwarna merah silahkan diganti dengan alamat blog sobat.

4. Setelah pemasangan isyarat dilakukan dengan benar, lanngsung saja klik simpan, dan lihat alhasil eksklusif du blog kamu..

Ini contohnya.:

Dengan begini, maka berakhirlah perjumpaan kita kali ini. Jangan bersedih, alasannya ialah kita akan bertemu lagi di lain waktu. Sekian dan Terimakasih, Salam Blogger Indonesia.

Subscribe to receive free email updates:

0 Response to "Cara Buat Recent Post Bergerak"

Posting Komentar