Membuat Recent Post - How to Make Recent Page

Cara Membuat Recent Post - How to Make Recent Page

Recent Post adalah Cuplikan-cuplikan post yang baru saja di load. Dan ternyata bisa juga  sebagai navigasi pengunjung untuk mengikuti postpost yang sdh di upload, dan script ini akan disertakan gambar thumnailnya agar lebih menarik.
Fungsi utama RP adalah dapat mempermudah pengunjung untuk melihat cuplikan cuplikan artikel terbaru sobat.

nah sekarang langsung saja kita ke tutorial cara buat recent post gambar thumbnail bergerak di blog dengan mudah :

1. Login ke akun blogger.com sobat.
2. Pilih rancangan atau design.
3. Pilih add gadget pada bagian page elements dan lalu pilih html javascript.
4. Isikan judul setelah sobat dan copas kode recent post di bawah ini ke kotak tersebut dan ganti tulisan indoetnix2 dengan alamat blog sobat.
5. Kemudian Simpan

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

atau jika sobat ingin menghemat tempat atau ada pertimbangan lain tanpa menyertakan gambar thumnail bisa copas script  berikut ini :


<div id="spylist"> <script src="http://infonetmu.googlecode.com/files/recentpostthumbslideshow.js" type="text/javascript"> </script></div> <br /><b> RECENT PAGE 2 </b> <script style="" src="http://jimmyjackbob.googlepages.com/Recent_posts_widget_blogger.js"></script><script style="">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://indoetnix2.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

Selamat mencoba dan sukses
dan semoga membantu...

>>>KABAR BAGUS<<<
dapet $10 GRATIS 
BURUAN

mumpung kesempatan dapat $10 masih di gelar

Beritanya disini

ato

>>> KLIK AJA <<<

 

Sponsored by

buat recehan onlinemu - jadi berarti

 
Baca Juga:

Kelebihan dan Kekurangan Windows 8
Dapetin backlink gratisan 1
Dapetin backlink gratisan 2
Rahasia Mendapatkan dan mengembangkan uang gratisan
Buruan!!! Dapetin Kartu Kredit Gratis buat verifikasi paypal payza dsb... 1
Buruan!!! Dapetin Kartu Kredit Gratis buat verifikasi paypal payza dsb... 2
Kunci Sukses Bermain PTC
Uji Kepribadian anda seperti apa tho...

Posted by: Agus Rahmanto

Indoetnix - Artech Salatiga, Updated at: 1:55 PM