Cara Membuat Recent Post Blogger Dengan Mudah

Cara Membuat Recent Post Blogger
contoh recent post blogger

Beberpa pertanyaan yang berhubungan dengan recent post sehingga pemblogger perlu untuk memasang widegt recent post di blognya

1. Apa sih yang dimaksud dengan recent post?
2. Untuk apa recent post di pasang di blog?

Recent pos adalah widget yang diperlukan oleh blog untuk menampilkan psotingan atau artikel terbarunya. Pemasangan widget recent post untuk membantu pengunjung menemukan postingan terbaru atau artikel yang baru dari blog tersebut. Widget recent post juga adalah pelengkap untuk blog hal ini sama dengan arsip blog dan random post Fungsi recent post membantu pengunjung menemukan artikel terbaru dan menarik

Pembuatan recent post di blog ada banyak beberapa cara, ada yang menggunakan recent post menggunakan gambar thumbnail ada juga yang membuat recent post tanpa menggunakan gambar thumbnail tampil di blog bahkan ada juga yang ingin memasang recen post dangan menggunakan gambar berjalan, hal ini sesuai dengan keinginan masing-masing pemblogger. Berikut cara membuat recent post blogger dengan mudah sesuai selera yang bisa anda ikuti.

Cara Membuat Recent Post Dengan Thumbnail Keren

Recent Post dengan menggunakan gambar thumbnail di blog hanya untuk menampilkan blog yang lebih keren. bagi anda yang ingin membuat recent post dengan menggunakan gambar thumbnail di blog tidak terlalu sulit, caranya gampang sekali.
1. Login ke akun blogger
2. Pilih tata letak
3. Pilih tambahkan widget
4. Pilih HTML/JavaScrip
cara membuat recent post blogger
cara membuat recent post blogger

5 copy kode di bawa ini
<style scoped='' type="text/css">
ul#recent-posts{list-style:none;margin:0;padding:0}li.recent-posts{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #e3e3e3;word-break:break-word;padding:10px 0;margin:0;}
li.recent-posts:last-child{border-bottom:0;}
li.recent-posts a{color:#444;}li.recent-posts a:hover{color:#444;text-decoration:underline}
</style>
<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://www.namabloganda.com",
numPosts = 10;
function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><a href="'+link+'" title="'+title+'" target="_blank" rel="nofollow">'+title+'</a></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);
//]]>
</script>
Ganti tulisan dengan menggunakan alamat blog anda. Kemudian simpan maka akan terlihat recent post yang menggunakan gambar thumbnail

Cara Membuat Recent Post Berjalan Di Blog

Cara ini adalah cara membuat recent post agar recent post lebih  keren di blog. Model recent post ini berjalan ke bawah sehingga kelihatan blog menarik. Berikut langkah-langkah membuat recent post berjalan ke bawah pada sebuah blog

1. Login ke akun blogger
2. Pilih tata letak
3. Pilih tambahkan widget
4. Pilih HTML/JavaScrip
5 copy kode di bawa ini
<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 = 1500;
    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="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script>     </ul>
<small><a href="http://namabloganda.blogspot.com" target="_blank">get this widget here</a></small>
Ganti tulisan yang berwarna merah menjadi alamat blog anda. maka kana terlihat recent post berjalan di blog anda. Cara ini memang sbagus tetapi ada sedikit kelemahan karena berhubungan dengan kecepatan loading halaman blog sedikit mempenagaruhi kecepatan loading blog agak lambat.
Demikian totorial yang berkaitan dengan  Cara Membuat Recent Post Blogger Dengan Mudah