Cara Membuat Recent Post Bergerak (petunjuk blog) Cara Membuat Recent Post Bergerak (petunjuk blog) | Hendra SP's Blog

Cara Membuat Recent Post Bergerak (petunjuk blog)

Jujur yaa gan, sebernarnya gua paling males kalau ngeposting tutor - tutor blog kayak gini. Bukannya apa, ngeposting tentang tutor blog yang kayak beginian mesti selalu dituduh asal ngopas doang. Padahal gua ngeposting tutor ini dari hati gua yang paling dalam dan bukan asal copas sana copas sini, tapi masih ada aja yang gimana gitu yang ngiranya asal nge-REPOST doang.

Oke, cukup curhatnya, kembali ke topik. Cara membuat recent post bergerak itu si aslinya gak sulit - sulit amat asalkan disertai niat yang tulus seperti niat tulus kita ke pacar. Fungsi dari membuat recent post bergerak ini si kalo menurut gua itu bisa nampilin postingan - postingan kita yang baru - baru ini diluncurin. Apalagi ada kayak temen gua yang cuma nampilin 1 postingan doang dihalaman muka, tentunya dengan dikasih recent post bergerak ini akan sangat bisa membantu seseorang untuk mengetahui postingan terdahulunya. Tapi kalau gua sendiri si lebih prefer di blog gua gak ane kasih yang beginian, kasian nanti kalau ada pengunjung yang koneksi internetnya lemotnya minta dibanting. Tapi ya terserah, kan setiap orang punya pemikiran yang beda - beda. Untuk itu, simak tutor cara membuat recent post bergerak di blog dari gua ini.

1. Jelas harus login terlebih dahulu di akun blog kalian masing - masing.
2. Pilih rancangan >> tata letak
3. Tambah gadget >> lalu pilih HTML javascript
4. Lalu copas kode script dibawah ini:


<center><table border="2" cellpadding="7"><tbody><tr><td><center><style type="text/css">
    #rp_plus_img{height:280px;overflow:hidden;border:solid 0px #000000;padding:6px 10px 14px 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:85px;padding:0px;list-style:none;}
    #rp_plus_img a{color: #000000;}
    #rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#000000;text-align:left;}
    #rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#DF0101;text-align:justify;}
    #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #DF0101;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="https://sites.google.com/site/bloggerbugis/js/RergerakBB4U%282%29.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 = 8;
    var numchars = 45;
    </script> <script src="http://www.praktisblog.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
    </script> </ul>
    </center></td></tr></tbody></table></center>

6. Klik simpan >> atur ditempat sesuai keinginan kita >> lalu klik simpan

NOTICE :
- Ganti "8" dengan jumlah postingan yang ingin ditampilkan, tentunya harus disesuain dengan keinginan kita.
- Ganti http://www.praktisblog.blogspot.com dengan URL alamat blog punya agan - agan sendiri.

Oke, kalau agan - agan semua mengikuti petunjuk usang ini dengan benar. Maka, 1000% recent post bergerak yang agan - agan buat ini akan sukses sesuai dengan harapan agan - agan semua.
  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

1 komentar:

Aw mengatakan...

thanks gan tutornya :D bikin load lemot nggak.-.? pengen pake tp takut bikin load berat ><

Posting Komentar

Berkomentarlah dengan sewajarnya.

Related Posts Plugin for WordPress, Blogger...