23 Sept 2016

List all the posts in 'Tabs-Layout' according to the Labels - Blogger Tip

Demo image of the Tabs-Layout.

In this tutorial, I want to show you guys how to list your posts in the tabs format according to the labels as shown in the above pic. Here in this when you click on the labels, it will view only the posts which belonged to that particular label in the format as shown in the pic.

Follow the below steps to create your own.

Step:1
Login in to your blogger and open the template editor, and place the below code before the
]]></b:skin> or </style> tags.


Step:2
In this step, copy the below code and place before the closing head tag.
i.e </head>


In the above code, at third line, you can make changes at "max-results=20" as per your requirement. i.e you can change the number of maximum posts in the tabs.

Step:3
Copy the below code-caller and place it in between the opening and closing body tags (i.e <body> and </body>) where ever you want to show our posts in tabs style.


In the above code, replace the 'YOUR LABEL NAME' to your actual label names.

Step:4
Finally save the template and view your blog now.

Demo: http://bit.ly/2ctaXcG

Okay friends, If you have any doubts regarding this tutorial, feel free to ask me in the below comment section. And if you find this tutorial useful, please share this post and subscribe to my future posts by typing your e-mail below or click on follow button at the right side down.
Thank you.
Load disqus comments

0 comments