How to make a Stylish "List of Post/Article" Widget for Blogger?

I personally wants to have full list of post/article of my blog. And I want to be categorized it by label. It just like a sitemap but it's not actually the sitemap. Now, let me share to you on how to make a stylish "list of post/article" widget for blogger. Remember, it's only applicable for those who used blogger as their platform

How to make a sylish "list of post/article" widget for blogger has a very simple steps. All you  need is to make a  page and a code and you're done. You have the stylish list of post/article widget for blogger. But before that, let me share to the feature of stylish list of post/article widget for blogger.


Feature of Stylish List of Post/article widget for blogger

• Automatically Categorized by Labels. A self explanatory feature.
• CSS3 - It uses the latest CSS
• Different Color of Content
• Auto-sort the title. It will automatically sort the title alphabetically.
• Add New!! - It will add the word New!! for the latest 10 newest entry

SEE THIS DEMO OF STYLISH LIST OF POST/ARTICLE WIDGET FOR BLOGGER

Steps of Stylish List of Post/Article Widget for Blogger

Step 1. Create New Blank Page

Step 2. Click the HTML not the Compose section.

Step 3. Paste this code

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link> <script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script> <script src="http://jomarlipon.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script> <script type="text/javascript"> var accToc=true; </script>

Replace jomarlipon.blogspot.com to your blog url. Thanks to abu-farhan.com for the code. :)


Very easy right? Try the Stylish List of Post/Article Widget for blogger.

Share on Google Plus

About Jomar Lipon

Web Developer at your service and frustrated blogger in Cebu. Author of JomarPH.com, SEO Specialist.