Friday, September 14, 2007

"Add This" bookmarking button with drop-down menu

Got an email from David of New "Add This" bookmarking widget works on Blogger. He alerted me to the fact that "Add This" now has a new version of their very convenient bookmarking widget which has the new cool feature of showing a drop-down menu. "Add This" site says a new version for Blogger and TypePad will be coming soon, implying currently the script they provide would not yet work for Blogger. David however said with a little modification the new cool "Add This" script, it can be made to work in Blogger.

Amazon products for Search Engine Optimization (SEO)

I tested this in Natural Remedies and found that it works. Go to this blog and hover your mouse over the "Add This" bookmarking button and observe.

I think the easiest way to explain is to give you the original script given by "Add This" which I will put in the scroll box below:

<!-- AddThis Bookmark Button BEGIN -->
<script type="text/javascript">
addthis_url = location.href;
addthis_title = document.title;
addthis_pub = 'enviroman';
</script><script type="text/javascript" src="http://s7.addthis.com/js/addthis_widget.php?v=12" ></script>
<!-- AddThis Bookmark Button END -->


Here is the edited script with the addition colored red. You will only see one red addition in the scroll box. You will have to scroll down to see the other:

<div>
<!-- AddThis Bookmark Button BEGIN -->
<script type="text/javascript">
addthis_url = location.href;
addthis_title = document.title;
addthis_pub = 'enviroman';
</script><script type="text/javascript" src="http://s7.addthis.com/js/addthis_widget.php?v=12" ></script>
<!-- AddThis Bookmark Button END -->
</div class='post-footer>


Also, note that it has the line:

addthis_pub = 'enviroman';

which identifies my account with this "Add This" bookmarking widget. You cannot use the script above directly. You will have to go to Add This site, sign up for your own account, get your own script, and if you want to get it to work straight away with Blogger, just add the codes colored red above.

12 comments:

  1. It was very useful. Thx.

    I think you don't need the code in red, just paste the code just after

    class='post-footer-line post-footer-line-3'

    I have added here: atoztoa.blogspot.com

    ReplyDelete
  2. I just discovered your blog and love it! Thanks for taking the time to help us novice bloggers. I work for a TV station and our blog is essentially the one place we have complete editorial control over. Unfortunately, we will be moving our blogs over to something called "cluck" (I think) soon, so all this work I am doing to pimp my blog is for nothing. I hope I can make the cluck version work well, too! If you have any suggestions that would make my blog stand out (I am a meteorologist), I'd love to hear them! Thanks again!!

    ReplyDelete
  3. Really works. Thanks a lot...

    ReplyDelete
  4. This was really helpful.
    However, what if i don't want the dropdown menu and just want a regular bookmark button.
    Can you help me with that?
    Kindly message me on my site.
    www.bogcess.blogspot.com
    Thanks!

    ReplyDelete
  5. Hi Peter, Thanks for your post. I t was easy. I didn't have to put that red code. It was fine wit the same code.

    ReplyDelete
  6. hurm..its really anoying a bit but cool

    ReplyDelete
  7. hi i really need a help with this i cant find the tag

    div class='post-footer

    on ma html

    this is ma blog if u wanna take a look
    www.keywordsmania.blogspot.com

    ReplyDelete
  8. Use ctrl+F. If that cannot be done, copy template to Notepad, highlight the whole template and use ctrl+F

    ReplyDelete
  9. Hi Peter
    I visit your blog off and on to get tips to use on my blog caretobeinspired.com.Your blog has so much useful information and I have learnt a lot from here. I went to Addthis but couldn't find your bookmark button there. Anayway, I would appreciate any information you can give on how to get more traffic. Thanks. YMendis

    ReplyDelete
  10. Blogger has introduced Social Networking buttons (Share buttons). Go to Design and click on the EDIT link in the Blog Posts section and activate SHOW SHARE BUTTONS and those buttons will show at the bottom of your posts. If they don't show you may have to reset widget template

    Will write a post on this later.

    ReplyDelete
  11. thanks for sharing with us, I look this way, and you are the most simple way to install the bookmarking buttons, greeting familiar. and I managed to put it on my blog please see the results in automotique.blogspot.com, thanks

    ReplyDelete

Find help, info, instructions, tips, tricks

Tip: Use search box below or this box, labels in the first right sidebar, archive, ctrl+F for this page or sitemap to find topics