Sunday, April 19, 2020

Ways To Add Read More Button Or Jump Break In Blogger Post

To understand read more button you need to know a little about after jump break summary. In blogger editor there is an option which exists next to add a video option. A small symbol like cut a page! Use of this results sum up the whole post and user see only highlights on a website homepage. After writing and before publishing any post drop mouse cursor anywhere in post where you want to cut the post and use this (insert jump) option. Automatically a line breaks entire post into two pieces. Later on by visiting published post a (Raed More) link will appear exactly where we split the post. Rather then full post appearance. No doubt which is nice and good looking for easily navigation of visitors on a blog?


Read More button:

Above discussion method show a simple read more relation with blogger post. But like a professional website developer and qualified blogger post writer we want some extra and modern. So changing old link with suitable button is easy. Only requires some know how about editing template. So start here.
Go to blogger dashboard choose Template > Edit HTML.
Expand whole coding of blog in order to finding useful code. Now search for this piece of code

 Tip:

Press (ctrl+f) from keyboard a small search box will be appear paste this code here. It will find exact coding in seconds rather then manually locate in complex coding. This trick will save time and work!

Notice:

In blogger default template this code will appear more then two times. So with the purpose of exact occurrence after third alteration you see this type of code.

This is our demand. Which will be accurately above on?

Customize :

Now start playing with above code. Replace

 with Read Here or any thing you want. Press orange save button and reload page. Good you are done.

Add your own button:

Instead of showing text we can replace it with a branded button. For the sake of button preference replace

with

 Again Save template and refresh page. Text will be change with read more button.

Why summarize post:

this piece of code

There are some reasons behind this factor. Many qualified bloggers use this option because it effects on SEO.

  • When a page loads if all posts are with our read more option then it will taking more time while fully loaded. 
  • Page speed matter in search engine optimization!
  • If page take more time then expected than chances are user will leave your page and go else where. 
  • Inserting jump break will show post in gorgeous manner. 
  • Put at least five posts on home page is good practice. And not more then seven! 

Although it was an introductory tutorial regarding read more button. So stay tune with us in further decoration & customization of this button with css in upcoming tutrials.

Need help:

In finding codes are occurrence any problem ask us in comments section. We will be ready to help you.  

No comments:

Post a Comment