Cara Mudah Menambahkan Recent Posts Pada Blogspot Reviewed by Al faizar Date January 30, 2017 Rating: 4,2
FaizarBlogspot Situs sharing-sharing informasi,tips,artikel,edukasi,download dan lainnya 4.4 stars, based on 89 reviews

Cara Mudah Menambahkan Recent Posts Pada Blogspot


Pada kesempatan ini saya akan membagikan tutorial cara menambahkan fitur recent posts pada sebuah blog. Kita ketahui bahwa, tampilan blog yang memiliki fitur lengkap tentu akan membuat pengunjung betah berlama-lama pada blog kita. Dengan adanya Recent Posts ini, akan membuat blog Anda lebih lengkap dan pengunjung pun akan lebih mudah mengetahui isi konten dari blog Anda. Selain itu, recent post ini juga akan membuat tampilan blog Anda lebih elegant.
Untuk membuat Recent post sangat sederhana, cukup ikuti langkah-langkahnya berikut ini.
1. Pertama-tama login dulu ke blog Anda, pilih menu "Tata Letak"  kemudian pilih layout mana yang ingin ditambahkan Recet Posts, dan Klik "Tambahkan Gadget" Pilih "HTML/JAVASCRIPT"

 2. Kemudian Copy kan code dibawah ini kedalam widget "HTML/JAVASCRIPT"

<script>
//<![CDATA[
function showlatestposts(json){document.write('<ul id="recent-posts">');for(var i=0;i<5;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var postsurl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){postsurl=entry.link[k].href;break;}}
document.write('<li class="recent-posts">');document.write('<a href="'+ postsurl+'" target ="_top" title="'+ posttitle+'">'+ posttitle+'</a>');document.write('</li>');}
document.write('</ul>');};
document.write("<scr" + "ipt type="text/javascript" src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts"></scr" + "ipt>");
//]]>
</script>


3. Setelah itu, masuk ke bagian Edit HTML Anda dan paste kode berikut ini tepat diatas </head>.

<style type='text/css'>
#recent-posts{width:auto;padding:0 10px;margin:0 auto;
    border:1px solid #ddd;
}
#recent-posts ul,#recent-posts li {
    list-style:none;
}
#recent-posts a{
    text-decoration:none;
}
#recent-posts li{
    border-top:1px solid #ddd;
    padding:6px 0
}
#recent-posts li:first-child{
    border-top:none;
}
</style>
4. Setelah itu, klik Simpan dan lihat hasilnya pada blog Anda.



Cara Mudah Menambahkan Recent Posts Pada Blogspot
Avg. Rating: 9 out of 184 Reviews
Emoticon? nyengir

Berkomentarlah dengan Bahasa yang Relevan dan Sopan.. #ThinkHIGH! ^_^

Seo Komentar