: Auto Read More with thumbnail for Blogger/Blogspot Posts

Auto Read More with thumbnail for Blogger/Blogspot Posts

This hack will summarize content and show only summary in Home page, Archives Page and Label Page using Automatic Read More simple script in your template. Using automatic read more on your blog will make your blog load faster by showing few post instead of the full post on the homepage.

Automatic read more for blogger posts can be done by inputting some code into your blog templates.

There are two options you can choose from:

1. Auto readmore for all the posts:

Step 1. Find (CRTL + F) this code:

Step 2. And replace with this:

(your latest post will appear normal):

Find (CTRL + F) and replace with:

:

If you want the thumbnail to appear on the left:

Step 1. Find (CTRL + F) the following piece of code:

]]>

Step 2. Just above it, paste this code:

.post-thumbnail{float:left;margin-right:20px}

B. If you want the thumbnail to appear on the right,

Paste above ]]> this code:

.post-thumbnail{float:right;margin-left:20px}

Click Preview and if it works, click Save Template.

That’s it, enjoy!

1 comment

thank you very much it work for me i am working on designing a template for me and this tut help me so much i really glad to find this tutorial and glad it works i just want to mention something important when there is multiple of : so u must try evey time one of them until u get the fine resultthank u dude

Subscribe to:

Popular Posts

Add a Comment

Your email address will not be published. Required fields are marked *

error: Content is protected !!