Cara Menciptakan Recent Post Sederhana Di Blog

- Cara menciptakan Recent Post Sederhana di Blog dengan gampang . Dalam artikel kali ini, penulis akan membahas mengenai cara menciptakan widget recent post di sidebar blog. Adapun fungsinya yaitu menampilkan artikel terbaru dari postingan blog terkait.

Desain atau tampilan pada widget recent post yang akan dibentuk sangat sederhana. Mengapa demikian? Karena yang sederhana akan lebih menarik pengunjung dibanding tampilan yang terlalu ramai. Misalkan wanita, yummy yang sederhana atau tampil menor? Sederhana kan? Sederhana tapi cantik. Ya, meski widget recent post ini sederhana tapi tetap akan menciptakan tampilan blog elegan dan indah. Pastinya yummy dipandang mata.

Selain akan menciptakan blog terlihat clean dan cantik, widget artikel terbaru pada sidebar blog ini tidak akan menciptakan loading blog menjadi berat alasannya tidak banyak skrip/code/coding yang ditulis. Makara Recent Post sderhana ini lebih cocok dipasang di Blog anda alasannya widget sederhana ini sangat berbeda dengan widget recent post lainnya yang menciptakan loading blog menjadi berat. Untuk pola tampilannya silahkan lihat gambar dibawah ini.

LIHAT DEMO

Cara menciptakan widget Artikel Terbaru Sederhana di Sidebar Blog

Lalu bagaimana cara membuat recent Post Sederhana di Blog? Adapun langkahnya yakni sebagai berikut ini:

1. Copy dan paste script dibawah ini kedalam elemen sidebar blogspot. Angka 5 yang ditandai dengan warna merah merupakan jumlah postingan yang akan ditampilkan. Silahkan diganti sesuai dengan jumlah postingan yang ingin ditampilkan pada elemen sidebar recent post yang akan dibuat. 
<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+'" sasaran ="_top" title="Cara menciptakan recent Post Sederhana di Blog">'+ posttitle+'</a>');document.write('</li>');} document.write('</ul>');}; document.write("<scr" + "ipt type=\"text/j4vascript\" src=\"/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts\"></scr" + "ipt>"); //]]> </script>
2. Setelah menyimpan arahan diatas pada elemen sidebar, masuk ke bab Edit HTML Anda dan copy paste arahan dibawah ini sempurna diatas arahan </head>
<style type='text/css'> #recent-posts{     width:auto;     padding:0 10px;     margin:0 auto;     font-weight:600; } #recent-posts ul,#recent-posts li {     list-style:none; } #recent-posts a{     text-decoration:none; } </style>
3. Setelah itu klik simpan dan lihat hasilnya.

Bagaimana gampang bukan? Selain gampang juga terlihat indah meski sederhana. Dijamin tak akan merusak penampilan blog anda. Jika ada kesulitan dalam membuat recent Post Sederhana di Blog ini, silahkan berkomentar dan sesegera mungkin penulis balas komentar anda.

Anda juga dapat memodifikasi tampilan sidebar blog, bukan hanya dengan menambahkan widget artikel terbaru, tapi juga widget keren lainnya. Pokoknya cocok banget deh, silahkan baca Cara menciptakan button demo dan d0wnl0ad dinamis dari postingan di sidebar ala idntheme.com
Sumber http://caritutorialblog.blogspot.com