Friday, 7 February 2014

Cara Buat Recent Post/Post Terkini Tanpa Gambar

Cara Buat Recent Post/Post Terkini Tanpa Gambar

Recent Post atau Post Terkini atau Artikel Baru Update pada blog anda merupakan widget yang perlu ada pada blog anda. Ia berfungsi menampilkan artikel-artikel terkini yang terdapat pada blog anda. Sebelum ini saya ada membuat tutorial menghasilkan recent post dengan thumbnail.

Kali ini pula tutorial yang lebih kurang sama tetapi tanpa thumbnail. Ia lebih kelihatan simple kerana tidak menggunakan sebarang imej untuk di jadikan preview. Ia hanya menampilkan senarai post terkini dalam bentuk link berserta tajuk sahaja.

Cara-cara meletakkan recent post tanpa gambar di blogspot:

Langkah 1:
Login Ke account Blogspot anda

Langkah 2:
Klik Layout pada dashboard anda

Langkah 3:
Klik add a gadget pada sidebar anda

Langkah 4:
Add Html/JavaScript

Langkah 5:
Copy kemudian Pastekan Kod di bawah pada Html/JavaScript

<script type="text/javascript">function showrecentposts(json){for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}posttitle=posttitle.link(posturl);
if(standardstyling)document.write('<li>');document.write(posttitle)}if(standardstyling)document.write('</li>')}</script><ul><script type="text/javascript">var numposts = 10;var standardstyling = true;</script><script type="text/javascript" src="http://seo.rahmadgraphic.my/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts"></script></ul>

Langkah 6:
Ubah Suai
var numposts ~ Jumlah Paparan Post
http://seo.rahmadgraphic.my/ ~ gantikan dengan link blog anda

Langkah 7:
Klik Save dan Lihat Hasilnya.
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 
banner

Delivered by FeedBurner