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

Blogger Widgets | Templates | Tutorials

Helper+Blogger+Refreshed+%25284%2529

Thursday, 19 July 2012

demo-image

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

link-to-this-post-widget-for-blogger
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.

32 comments:

  1. blogger_logo_round_35
    Replies
    1. blogger_logo_round_35

      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. blogger_logo_round_35
  2. blank

    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. blogger_logo_round_35
  4. blogger_logo_round_35

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

    ReplyDelete
  5. blogger_logo_round_35
  6. blogger_logo_round_35
  7. blogger_logo_round_35

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

    ReplyDelete
  8. blogger_logo_round_35

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

    ReplyDelete
  9. blogger_logo_round_35
  10. blogger_logo_round_35
  11. blogger_logo_round_35

    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. blogger_logo_round_35

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

      Delete
  12. blogger_logo_round_35

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

    now i am enjoying

    great work

    ReplyDelete
  13. blogger_logo_round_35

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

    ReplyDelete
  14. blogger_logo_round_35

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

    ReplyDelete
  15. blank

    thank you

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

    ReplyDelete
  16. blogger_logo_round_35
  17. blogger_logo_round_35

    oh yeah that's worked thank's

    ReplyDelete
  18. blogger_logo_round_35

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

    ReplyDelete
  19. blogger_logo_round_35

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

    ReplyDelete
  20. blogger_logo_round_35

    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
  21. blogger_logo_round_35

    This comment has been removed by the author.

    ReplyDelete
  22. blogger_logo_round_35

    This comment has been removed by the author.

    ReplyDelete
  23. blogger_logo_round_35

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

    http://www.amalinakayyisah.com

    ReplyDelete
  24. blogger_logo_round_35

    nice one

    http://ilovemynationmadly.blogspot.in/

    ReplyDelete
  25. blogger_logo_round_35

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

    ReplyDelete
  26. blogger_logo_round_35

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

    ReplyDelete
  27. blogger_logo_round_35

    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
  28. blogger_logo_round_35

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

Contact Form

Name

Email *

Message *