Cara Menciptakan Recent Post Blogger Dengan Mudah

contoh recent post blogger

Beberpa pertanyaan yang berafiliasi 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 ialah widget yang dibutuhkan oleh blog untuk menampilkan psotingan atau artikel terbarunya. Pemasangan widget recent post untuk membantu pengunjung menemukan postingan terbaru atau artikel yang gres dari blog tersebut. Widget recent post juga ialah aksesori 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 memakai recent post memakai gambar thumbnail ada juga yang menciptakan recent post tanpa memakai gambar thumbnail tampil di blog bahkan ada juga yang ingin memasang recen post dangan memakai gambar berjalan, hal ini sesuai dengan cita-cita masing-masing pemblogger. Berikut cara menciptakan recent post blogger dengan mudah sesuai selera yang dapat anda ikuti.

Cara Membuat Recent Post Dengan Thumbnail Keren

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

cara menciptakan recent post blogger

5 copy arahan 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="Cara Membuat Recent Post Blogger Dengan Mudah" 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 goresan pena dengan memakai alamat blog anda. Kemudian simpan maka akan terlihat recent post yang memakai gambar thumbnail

Cara Membuat Recent Post Berjalan Di Blog

Cara ini ialah cara menciptakan recent post semoga recent post lebih  keren di blog. Model recent post ini berjalan ke bawah sehingga kelihatan blog menarik. Berikut langkah-langkah menciptakan 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 arahan 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 goresan pena yang berwarna merah menjadi alamat blog anda. maka kana terlihat recent post berjalan di blog anda. Cara ini memang sbagus tetapi ada sedikit kelemahan sebab berafiliasi dengan kecepatan loading halaman blog sedikit mempenagaruhi kecepatan loading blog agak lambat.
Demikian totorial yang berkaitan dengan  Cara Membuat Recent Post Blogger Dengan Mudah

Share this post