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

Comments

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

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

    ReplyDelete
  3. 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

Download The Best Templates Ever!

Every body knows that template is an essential part of one's site/blog.Evey wants a nice and attractive template for his site or blog.But some need templates of their own choice.Today I'm giving the link to those sites which  provide free templates especially for blogger.These are the best templates.I have chosen them  for you. So here's the links and sites names.You can download them.                                                                                                                                              Download  Best Templates For Blogger Here is one of the coolest template: ...

Hide Post Date,Time And Author

There many reasons for hiding post date,time and author like a blogger wants to see his blog clean and clear so he hide them.I am going to show you that how to hide post date,time and author name.So don’t waste your time on thinking and just follow the simple steps given:

2 Ways To Increase Your Twitter Followers

Last year more or less, the Twitter has grown from a mere option for microblogging become an essential means of social networks. It's not just for bloggers, affiliate marketing and providers of online services more, but Twitter extremely useful as a channel to sell their products off-line as well. Success on Twitter is directly proportional to the number of followers you have quality . However, unlike the subscription mechanisms (such as RSS, AWeber ) is not difficult to build a very good base of followers on Twitter. In this post I will try to discuss some practical tips to help you increase your base of followers on Twitter. Tips to increase Twitter followers Below are more tips for you to get more Twitter followers in a short time