Skip to main content

Align ‘Read More’ Link/Image To Right Or Left

poster Read more is the common button/link in a website.Each Customized or a Default template has it’s own read more button/link.But Beginners don’t know much about CSS and HTML.If one wants his read more button/link at right side while he is having at left and one wants his read more button/link at left side and he is having at right side so he must follow this post.

  1. Login to your blogger account
  2. Go To Design > Edit HTML > Expand Widget Template

How to Align A Read More Link

  1. Find this type of code just below  <data:post.body/>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
    2. And Replace it with:
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'><p align='right'><b>Continue Reading-&gt;&gt;</b></p></a>
</div>
</b:if>
  • You can change the highlighted code with left to align it at left
  • You can change the link text  which is in italic font above ‘Continue Reading’ and if you do not want your link bold then simply remove <b> and  </b> and if you want to show the link in italic font simply add <i> before the link text and </i> after the link text

How To Align A Read More Image/Button

If you have a button/image then just below  <data:post.body/> tag you will find the code some thing like this:
<span class='rmlink'><a expr:href='data:post.url'><img src='Url Of Your Image OR Button'/></a></span>
Just replace this code with and put your image url:
<span class='rmlink'><a expr:href='data:post.url'><p align='right'><img src='Url Of your Image’></p></a></span>
  • Replace highlighted code with left to align it at left side
If you enjoyed the post Please like and share it if you have any problem drop a comment below

Labels

Labels:

Comments

  1. Hamza FarooqSaturday, February 25, 2012

    I have use your trick in my Blog and it will 100 % working.

    ReplyDelete
  2. AnonymousTuesday, September 25, 2012

    thanks .. you can watch it in action in my blog http://allitcert.blogspot.com

    ReplyDelete
  3. Ri CoelhoMonday, October 22, 2012

    How can I align the comments link? mine is not where it was supposed to be and I can't fix it :(

    ReplyDelete

Post a Comment

Popular posts from this blog

Get a Best Free Web Hosting from ByteHost.Com

A website is necessary for every business or a job now a days. And to make a website, a web hosting is needed. Many people who can't afford paid web hosting search for a good free web hosting site to make their websites. These are free but they have also some disadvantages such as they are not reliable and your data can be removed any time. Or many of these hosting site are very slow and they give small bandwidth. And some site insert their own advertisements in your site. Among the free hosting websites, there are many site which are better than others with fast speed, large bandwidth and more storage space. I suggest you to use Byethost.Com .
4 comments
Read more

How to Block / Unblock a Website in Your Windows Computer?

Sometimes people want to block any website in their computer. For example if you are a father / mother and want to keep your child away from facebook or any other social networking website etc. so you want to block these site but don't know how to do it. You can block that specific website in your computer by a simple method and then unblock it with the same method. There is no use of any external software. This tutorial is for those people who want to block any website or websites in their PC.
4 comments
Read more

5 things you should know about the qualities of a good blogger

There's thousands of bloggers beginners who want to succeed with blogging, but many do not know how. I'm not sure they will all become successful bloggers, only people who will be on the right track. So you might ask me  "How do I choose the right path?"  The answer lies in your brain.Yes, the forms are correct in your brain.  You have full control to choose what you do. So your brain is the master of choosing the right ways. In other words, you should have thought before you can correctly choose the right one. So if you want to become a successful blogger, the first things you must determine is what is a successful blogger? Or exactly what are the qualities you need to become a successful blogger?  Here are the answers:   1.  Hard work.  I read many blogs of successful bloggers and I note that they never teach or advise how to get rich quickly. They say they do not like someone's getting rich overnight. And the...
Post a Comment
Read more