Add Recent Posts By Label Name in Blogger

Share:
Howc to displaying your posts from a specific category/label on your blog.With this gadget you can display a list of posts that you have added the same label to, the gadget will have the title of the post, thumbnail from the post and an optional summery.

image
Images: Widget Preview


Step 1: In your Blogger Dashboard click > Template as shown in below image.

In your Blogger Dashboard click > Design > Edit Html check Expand

Step 2: Find the following piece of code in your blogs Html : (Click + F for a search bar to help find the code

]]></b:skin>
Step 3. Copy and paste the following code Directly Above

Step 4. Find the following piece of code in your blogs Html : (Click + F for a search bar to help find the code
</head>

Step 5. Copy and paste the following code Directly Above </head>

Step 6. Save your template, we have added the Css to style the gadget and the script to make the gadget work.Now we just have to add the gadget code to your sidebar in a Html/Javascript gadget.

Step 7. Click back to your Design Page > Click Add A Gadget > Choose Html/Javascript from the pop up menu :

Step 8. Copy and paste the code below into the Html/Javascript gadget.

NOTE -
1. Don't forget to replace word LABEL in above code  with your label name.
In Blogger label name denotes the category of post.

If your label have the combination of two words then add %20 between the label.

Example: If you label name is Computer Tricks then  in the you have to write
Computer%20Tricks

2. The order of post will be order by updated means the post will be on top that you have updated.

see the above code there is a word orderby=updated

If you want to show post order by post date means show latest post on the top then you have to change the orderby=published


Hi! I am Sartaj Husain. I am a Professional Software Developer, live in Delhi. I write blogs in my free time. I love to learn and share the knowledge with others because it is no good to try to stop knowledge from going forward. So free posts and tutorials. more..

No comments