Add 'Bookmark This Site' Widget in Blogger

Bookmark page is serves to store page that you like in the browser's bookmarks. If visitors are interested with the content of your site, they will bookmark your blog/website. It will be easier to track website visitors easily. However, you can add a widget to make this bookmarking process more easier and with some style. Only use a Bookmark Site Script. See demo.

Do you wanna add it into your blog? Here we go..

Steps

1. Go to your Dashboard >> Design >> Page Element >> Add a Gadget.

 

2. Paste this code below in it :

<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/SITE NAME', 'YOUR BLOG URL')">BOOKMARK THIS SITE!</a>

or you can use image for this bookmark widget, use this code :

<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/SITE NAME', 'YOUR BLOG/SITE URL')"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipHCOr4gn0BbrINxA-DQ1gvXND9k79FR-n3NIytZFnxsDIdHcDK6NHZfvT7fWJpwCy4Ex0q5u86RtOMg80W3usz3nO4H3Bt5VifQRkROxwj_19Cvi3d8m8K2ZfaocjkvnpMHOX-S1oGXU/" /></a>

Customization

Change details code in bold text.

YOUR BLOG/SITE NAME = replace with your blog name.

YOUR BLOG/SITE URL = replace with your blog URL.

BOOKMARK THIS SITE! = replace with your own word. (Optional)

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipHCOr4gn0BbrINxA-DQ1gvXND9k79FR-n3NIytZFnxsDIdHcDK6NHZfvT7fWJpwCy4Ex0q5u86RtOMg80W3usz3nO4H3Bt5VifQRkROxwj_19Cvi3d8m8K2ZfaocjkvnpMHOX-S1oGXU/ = replace with your own Bookmark image.(Optional)

3. Save and DONE!

Enjoy this Bookmark Site Widget. Hopefully this widget help to increase your blog reader.


source : dynamicdrive