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.
this code is not in my blog,,wat to do?
Can I See Your Blog URL?
how To fix Read more position ?? it is showing on left side and i want to fix it on right side…
Add < p align=’right’> Before Your Image Code And < /p> After Your Image Code.
Thanks .. How To Add Auto Read More With Thumbnails For Blogger ?
You Are Welcome, Just Go Here To See Your Desire…
Auto Image Thumbnail & ReadMore Link For Blogger Post
I was able to do it on the first try, just wish the buttons were lightly larger.
Thanks, Just Google The ReadMore Image For Your Desire Or Design Your Own On Any PhotoEditor Software…
the code doesn’t appear on my blog. what should I do ?
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.
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?
Every Template Have It, Just Download Your Template And Send Us, We Will Fix It For You.
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!
Welcome Here And Thanks For Using Our Codes. Be With Us To Get More Like This In Easy Steps…