LATEST >>

Welcome Here And Thanks For Visiting. Like Us On Facebook...

EXEIdeas – Let's Your Mind Rock » Blogspot / Blogspot Tricks » How To Change Read More Text With Your Image In Blogspot?

How To Change Read More Text With Your Image In Blogspot?

How To Change Read More Text With Your Image In Blogspot?

Do you want to change your “Read more” button with any other text or image? If you want to change i have very easy and simple method to change it. Its look very professional when visitors see different style of read more buttons. Lets see how to change this button. I will guide you in each and every step.

Change Read more button, Change text, Add images or animations. How to customize Blogger read more button. There are the topics we are going to learn on this post. If you don’t know about blogger Jump breaks, You can read How to add Jump Breaks to Blogger posts article. Blogger will add ” Read more >> ” Text as default Jump Break text. we can easily change this text and its attributes like font, size align using basic Html and Css codes.

We also can link an image file for it. Have you seen animating read more buttons? It’s very easy to do. Just make animating button and save it as .Gif image. now you can link that image to your Jump break as we learn on this post.

Table of Contents

Features:

1.) Change The Text “Read More” To Another Words.
2.) Add An Image/Button To Your “Read More/Jump Breaks” In Blogger Links Instead Of Plain Text.
3.) Choose Your Read More Link/Button To Be Displayed On Left Side, Right Side Or Center it.

How To Add In Blogspot?

1.) Go To Your www.blogger.com
2.) Open Your Desire Blog.
3.) Go To “Template”.
4.) Click “Expand The Widget Template” .
5.) Now Press “CTRL+F”Find The Below Code.
<data:post.jumpText/>
6.) Now Copy The Below Code And Replace It With The Above Code.
7.) Click Save, Now You Are Done.

Change With Text:

<p align="left">Read More</p>

Change With Image:

<p align="left"><img src="http://1.bp.blogspot.com/-UoDZufr55EU/TVRLFERHQTI/AAAAAAAAC4U/xbdf1z-WmSE/s1600/read-more-4.png" border="0" alt="Read Full Post" title="Read Full Post"/></p>

Customization:

1.) You Can Change Your Picture By Changing Blue URL.
2.) You Can Change Red Text With Your Desire One.
3.) Change left With right Or center As You Wish To Display The Button On That Position.

Some Gif, Png, And Animated Button Are Also Available Here.

Get More Button Here

You Like It, Please Share This Recipe With Your Friends Using...

14 Responses to “How To Change Read More Text With Your Image In Blogspot?”

  1. Mohit Gupta says:

    this code is not in my blog,,wat to do?

  2. Mohit Gupta says:

    how To fix Read more position ?? it is showing on left side and i want to fix it on right side…

  3. Mohit Gupta says:

    Thanks .. How To Add Auto Read More With Thumbnails For Blogger ?

  4. Goddesslily Seymour says:

    I was able to do it on the first try, just wish the buttons were lightly larger.

  5. Marifel says:

    the code doesn’t appear on my blog. what should I do ?

    • EXEIdeas says:

      Now After UpDate, First Search (id=’Blog1′) Then Expand It And After It Search (id=’post’) And Expand It Then Find The Above Code And Add Our Code Below IT.

  6. Lily Seymour says:

    I recently set up another blog, the code is not there. The template i’m using is by Awesome Inc. My blog is maclovesmarilyn on blogspot. BTW, I have it installed on two of my other blogs and works perfectly, is there an alternative code that might work?

  7. Anastasya Chernook says:

    Oh my god. I usually never comment on websites but you REALLY helped me out. After trying all the html codes all over the internet and screwing up my template multiple times I have finally found something that WORKS!! Bless you!

Leave a Reply to Marifel Cancel reply

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