Add "Link To This Post" Widget Below Every Blogger Post - Helper Blogger

Blogger Widgets | Templates | Tutorials

Latest

Thursday 19 July 2012

Add "Link To This Post" Widget Below Every Blogger Post

Click On Image To Enlarge

Link to this post widget is another best way to increase page views and traffic on your blog.This widget contains two text areas,in first it contains a URL of that respective post and the second text area contains a HTML code which includes title and URL of your post.Another great feature of this widget is it updates automatically i.e. you dont have to update it as you post a new article on your blog.Also the installation this widget is so easy you just have have add a little code in your blog and you are done.Now lets see how to add it.You can see the demo at bottom of this post.

How To Add This Widget To Blogger?


  1. Go to Blogger Dashboard > Template
  2. Download a copy of it
  3. Click on Edit HTML
  4. Hit Proceed
  5. Check Expand Widget Templates Checkbox
  6. Find below code in your template,


<data:post.body/>

paste below code right under it,

Note - If you can't find or add this widget by using <data:post.body/> then find <div class='post-footer-line post-footer-line-1'/> or <div class='post-footer'> and add below code just above it.

<b:if cond='data:blog.pageType == "item"'>
<p style='color: #7AA1C3;font-weight: bold;'>If you Like This Article,Then kindly linkback to this article by copying one of the codes below.</p>
<p style='color: #CF152A;font-weight: bold;'>URL Of Post:
</p><textarea cols='60' id='url' onclick='this.focus();this.select()' readonly='readonly' rows='2' style='border:2px solid #666;background:#fff; height: 2.6em; width: 98%;' title='Click to highlight'><data:post.url/></textarea><br/>
<br/><p style='color: #CF152A;font-weight: bold;'>Paste This HTML Code On Your Page:</p>
<textarea cols='60' id='HTML-code' onclick='this.focus();this.select()' readonly='readonly' rows='2' style='border:2px solid #666;background:#fff; height: 2.6em; width: 98%;' title='Click to highlight'>&lt;a href=&quot;<data:post.url/>&quot;&gt;<data:post.title/>&lt;/a&gt;</textarea>
<div style='text-align: right;font-size: x-small;'>
<a href='http://www.helperblogger.com/2012/07/add-link-to-this-post-widget-below.html' target='_blank'><span style="color: #838383;">LinkBack Widget</span></a></div></b:if>

Now save your template and visit any post page you will watch it.

36 comments:

  1. Replies
    1. Raju are you mad.There are hundreds are tutorials about adding this widget also my widget is too advanced than you.You are commenting only for traffic purpose.

      From next time think 100 times before commenting on this blog,this is your 2nd time.

      Delete
  2. Good Tips for Blogger !!!


    This Post Not copy post i agree Brother ..

    i appreciate your all Widget Works ..

    CSS : You Tube Style Silver Buttons

    ReplyDelete
  3. Nice Trick bro | it works like a Charm xD !
    I shared Your Article !
    Technosupers

    ReplyDelete
  4. Nah, not working on my blog- http://acidtech.tk. So sad

    ReplyDelete
  5. Hey Rahul, Even My Blog Has The Same Template, Our Name Is Also Rahul-What A Co-Incidence

    ReplyDelete
  6. Nice Sharing this code almost working i applied its on my blog
    Free and Full Download

    ReplyDelete
  7. Wow! Great sharing again.ou’re all the tips are helpful thanks for sharing…t worked awesome!
    see it

    Anime Bounds | Anime

    ReplyDelete
  8. Two thumbs up for this post! Im finding way how to do that and your procedure was clear and was working. Thanks!

    ReplyDelete
    Replies
    1. I used this in Davao Jobs Openings site. This will help Davaoenos to find and search Davao Job Openings! Thank you again!

      Delete
  9. Dear sir
    very very thank you
    http://shayri-ki-duniya.blogspot.in

    now i am enjoying

    great work

    ReplyDelete
  10. Thanks a lot Rahul....for sharing these awesome wedgits with us....
    http://www.virtualsoftzone.blogspot.com

    ReplyDelete
  11. dear this is not working
    http://bilalRoy.blogspot.com

    ReplyDelete
  12. thank you

    http://gasesti-de-toate.blogspot.ro/

    ReplyDelete
  13. oh yeah that's worked thank's

    ReplyDelete
  14. Going to add this to my blogger site http://cuteface24.blogspot.com Thanks, is it available for WordPress?

    ReplyDelete
  15. Thanks.... It Works.... :D
    Great Blog!

    ReplyDelete
  16. This is just the kind of information that i had been looking for, I would regularly watch out for the new posts,Thanx a lot once again, Regards,
    All Indian govt jobs, Fresher IT Jobs,Results,Bank jobs, Notifications http://www.hindhustanjobs.com

    ReplyDelete
  17. This comment has been removed by the author.

    ReplyDelete
  18. This comment has been removed by the author.

    ReplyDelete
  19. Not working in my blog... so sad...

    http://www.amalinakayyisah.com

    ReplyDelete
  20. nice one

    http://ilovemynationmadly.blogspot.in/

    ReplyDelete
  21. Thanks for sharing!!
    I used it my blog :)
    http://hangout4fun.blogspot.com/

    ReplyDelete
  22. It is a great website.. The Design looks very good.. Keep working like that!.
    ShowBox App

    ReplyDelete
  23. These dealers generally utilize charge card preparing, influencing a vendor to loan program an extraordinary subsidizing open door for them. Payday Loans online corona

    ReplyDelete

If you want to be informed about any replies then check "Notify me" option (present at lower right corner of comment box and it will display if you are logged in to your google account). PLEASE DO NOT SPAM