Cara Membuat Recent Post Sederhana

Cara Membuat Recent Posts Sederhana di Blogspot


Bagaimana cara membuat Recent Post Sederhana dan tampilan nya simple. Kali ini saya akan membagikan caranya. Sebuah blog yang memiliki tampilan sederhana akan lebih menarik dimata pengunjung daripada blog yang mempunyai tampilan terlalu ramai dan terlalu mencolok.

Apalagi blog tersebut banyak sekali memasang Widget yang tidak penting. Yang sara rasa lebih baik dilepas sehingga tidak mengganggu pengunjung sehingga mereka pun akan betah.

Widget yang digunakan terlalu banyak akan mengurangi kecepatan loading pada blog anda. Dan tentunya penggunaan widget secara berlebihan akan membuat blog tidak enak dipandang mata.

Untuk kamu yang menginginkan template yang simpel dan loading cepat . Kamu bisa membaca artikel Template Simple Sense Hight CTR

Untuk kali ini saya akan membagikan cara membuat recent post sederhana dan mudah di blogspot. Tentu kamu bertanya-tanya bagaimana sih cara membuat recent post sederhana fast loading? kali ini saya akan membagikan caranya.

Dan Widget Recent Post ini pun bisa kamu letakan dimana saja .

Walaupun Recent Post yang saya bagikan ini sederhana namun akan tetap terlihat keren dan sangat memukau untuk blog yang kamu punya. 

Untuk melihat contoh atau demo nya kamu bisa melihat gambar diatas .

Cara memasang recent post widget di blog sangatlah mudah. Berikut ini langkah yang bisa kamu lakukan untuk membuat Recent Post sederhana tanpa Thumbnail sederhana di blogspot :



Cara Membuat Recent Post Sederhana dan Simple Di Blogger Loading Cepat :



1. Pertama silahkan anda copy dan pastekan Script dibawah ini di sedebar yang ingin kamu tempatkan Recent Post nya. Disitu terdapat angka 5 yang saya tandai dengan warna biru. Itu bisa kamu ganti sesuai dengan jumlah artikel yang ingin anda tampilkan.




<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>





2. Setelah selesai. Masuk kebagian Edit HTML .

Template >> Edit HTML ( Untuk memudahkan anda mencari kode. Kamu bisa menggunakan CTRL + F ) Kamu copy dan pastekan kode dibawah ini tepat diatas kode </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>





3. Jika sudah silahkan Save template dan lihat hasilnya.



Demikanlah artikel Cara membuat Recent Post Sederhana. Walaupun artikel nya nampak sederhana semoga artikel Cara membuat recent post simpel keren dan sederhana di blogspot bisa membantu.

Credits : blogooblok.com

Subscribe to receive free email updates:

0 Response to "Cara Membuat Recent Post Sederhana "

Posting Komentar