How To Add Bookmark This Site Widget in Blogger

If visitors are interested with the content of your site, they will bookmark your blog/website with this widget. You can add a widget to make this bookmarking process more easier and with some style.



Bookmark This Site Widget Demo



Live Demo

How to Add Bookmark This Site Widget

  • Go to Blogger Dashboard --> Layout --> Page Elements
  • Click on Add a Gadget then select HTML/JavaScript Widget
  • Copy the code shown below and paste it inside the widget.


<script type="text/javascript">

/***********************************************
* Bookmark site script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
* Shared by Alfian J. @ HOW-TO HOUSE www.place2how-to.com
***********************************************/

function bookmarksite(title,url){
if (window.sidebar) // firefox
    window.sidebar.addPanel(title, url, "");
else if(window.opera && window.print){ // opera
    var elem = document.createElement('a');
    elem.setAttribute('href',url);
    elem.setAttribute('title',title);
    elem.setAttribute('rel','sidebar');
    elem.click();
}
else if(document.all)// ie
    window.external.AddFavorite(url, title);
}
</script>
<a href="javascript:bookmarksite('YOUR BLOG NAME', 'YOUR BLOG URL')"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOTYn4Tuf9q3Gh5qb2sAznotOjrjxiKtmrV7Ek7I3rSyHeeogdy_1G10YyKWm1EcNxng2KXTiVvP7zUnxwhg84hYhV4bHPAJiI8ufw-kAxATwBMhWhfouQMG0t0yUAp1FwlMSD-KpAHEU/s1600/bookmark-this-site.png" /></a>

Like it? Share it.

3 comments

26 April 2012 at 23:24 Author

thanx my friend I am searching for this from a long time. Thanx again

http://internetricks4u.blogspot.com/

10 May 2012 at 05:06

Great article friend. I will use this for my site.

20 June 2012 at 22:43

Hi... I am Ritesh Here My Blog is http://techguru2012.blogspot.in/....

I did as what you told... But it is not working ..... Please help me....

Click to Add a New Comment

  • If you're asking a question click on Subscribe By Email link, on the comment form, to be notified of replies.
  • Do NOT add links to the body of your comment as they will not be published.
  • Only the comments posted in ENGLISH will be approved.
  • If you have a problem check first the comments , maybe you will find the solution there.