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)

Making Read More on New Template

Before proceeding to make read more, surely must know first what it read more and function of the read more. Read more is a line of words used to shorten the existing posts on your blog or website. While the function of the read more is to display some of the posts on the main page of a blog / website or divide the two pages on a post and when clicked on read more The new tilisan / posts displayed in full, so of course to save the main page of a blog.

Well to make read more (which uses the new template), based on the experience as follows:

The first step

Login to Blogger

Click Settings

Click Format and then on the box next to the posting template / template entry, fill in the code below.

<span class="fullpost">


</span>

Click Save Settings.

Step Two

Click Design

Click Edit HTML, then save or download the template to keep in case of error

Click the small box on Expand Widget Templates

Find the code below, for ease of use Ctrl + F

<data:post.body/>

or is this just the same

<p><data:post.body/></p>


Delete and replace with the code 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/>
<a expr:href='data:post.url'><strong>Readmore...</strong></a></p>
</b:if>

Click save template

Hopefully Helpful