Hi bloggy readers,
Pagebreak or Read More has become one of the most useful elements in blogging. For those who are having a problem with their recent articles that burden the page loading of their homepages, now can feel relieved because by using the pagebreak function, the whole body of article can be easily cut into the short version of article. Pagebreak can also help bloggers increase the blog pageviews because by showing maybe, the first paragraph of their article, can attract the attention from the readers to read the full version of that article.
Okay, in this post, i would like to make an update of my previous post about
How to make a pagebreak or short article
But the difference is, in this article, i want to show you about how to add post title of the topic besides the pagebreak link you've already embedded before. Okay, let's get started then.
1. Log in to Blogger
To begin this tutorial, now enter to your Blogger account.
2. Go to Edit HTML
In the Dashboard page, pick one of your blog and go to the Layout/Design page. In the Page Element, now click at the sub-tab Edit HTML to begin editing the whole code of your blog template.
Anyway, before doing any kind of customization in your template, i strongly suggest you to save your current template if you don't want to secure your existing template, which later can be reverted back to your blog template. Now click at the link Download Full Template.
3. Give a tick at the Expand Template widget box.
In the Edit HTML Page, there is one small box called Expand Widget Template next to it, now press that small box.
4. Find the code
Now press Ctrl + F at the same time, and try to find the code below. Anyway, in my previous post, the pagebreak code will look like this code below:
<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>
5. Replace the pagebreak code
Now block all of those code in number 4, and then replace it with the new pagebreak code below:
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<strong><a expr:href='data:post.url'>Continue Reading “<data:post.title/>”  »» </a></strong>
</b:if>
6. Save the change
Now by pressing the Save Template button, now save the current change you've just made and now you can see the result. As you can see in the bottom position of your article, beside the pagebreak link you've already embedded before, has been successfully added with the post title of the topic.
Okay, that's it for this tutorial about adding pagebreak on Blogger. Got any problem implementing this article? Then leave me some question on the comment box below. Let me help you with that.
Good luck bloggers!
0 comments:
Post a Comment