Using Read More In Pictures

Read More in a blog is a line of words that are used to shorten the text in your blog or website. Function of the Read More is to showcase some of the posts on the main page of a blog / website or divide two pages on a post and when clicking on read more, the article displayed in full.

In previous posts had exposed how to make read more, and on this occasion, I will share about how to create read more in pictures.

To make the read more read more in pictures, do as follows:

1. Log into blogger.com
2. Click Layout --- Edit HTML
3. Click the Download full template, just in case if there is an error editing the HTML
4. Check the boxes next to the words "Expand Widget Templates"
5. Find the code read more previously been made as below:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More</a>
</b:if>

6. Change the Read More red in the above code with this code:

<IMG SRC='http://pic60.picturetrail.com/VOL1724/12312346/22573599/376383608.jpg'/>

Description:

The image to be used can be made with your own creations, by first making the desired image and then upload it to the provider directory and use the link / code from the image.

7. When finished save the template, and the results are as used on this blog.

May be useful

(source image/code read more: internet)