Monday, October 6, 2014

Install Pin It Pinterest Button On All Images In Blog Post

You can install Pin It button on every images of your Blogspot post to submit your stories / images to Pinterest easily.

Surely, as a blogger we usually post images within our post to help reader understand deeper on the issue we bring to. And as a blogger we also want more exposure over our post.

We can utilize so many services in the internet to make our posts found by people on the internet, one of them is social networking site like Pinterest.

Pinterest is a visual discovery tool that can be used by anyone connected to the internet to get ideas of their projects or interests.

See? Anyone who are connected to internet and trust on Pinterest to assist them finding things / ideas for their own bussiness are all a potential visitors for us.

For Blogger who wants more traffic, then Pinterest just like Facebook, Google+ or Twitter that can generate us an extra traffic.

The main difference that Pinterest has among any other mentioned services is "a picture sharing". Yes if your picture / images managed to interest your reader, the can easily share it -- or in the Pinterest's term pint it -- to Pinterest.

Once your image is pinned, your image with its post will appear on their Pinterest and of course their Pinterest's friends will see. If they are moved by your images they can visit your post and hit another pin.

Now let's install Pin It feature to all your posted images in Blogspot. As the result, each time your reader hover to your image, they will find a Pin button on. Just like this.

Pin It Button On Images
Hover the above image, you'll find a Pin button appear.

How to install Pin It button on images.


  • Login to your Blogger.com account.
  • To template.
  • Then add the following codes above </body>.
    <script>
    //<![CDATA[
    var bs_pinButtonURL = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF6V52bA3Ul8V9Py6kcUtwfWzW8J90G1Lv6JLK9mdiP7pFZRlc6uRvqa4EXBWphCen07_QTpb_mugoDBsi77FtGf42gheXxKXKkFxOyBmb10zFvUOrahhSylYVnEt_4zDh7E5C0wvPpdZh/s1600/pinterestx1_72.png";
    var bs_pinButtonPos = "center";
    var bs_pinPrefix = "";
    var bs_pinSuffix = "";
    //]]>
    </script>
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
    <script id='bs_pinOnHover' src='http://greenlava-code.googlecode.com/svn/trunk/publicscripts/bs_pinOnHoverv1_min.js' type='text/javascript'>
    // This Pinterest Hover Button is brought to you by bloggersentral.com.
    // Visit http://www.bloggersentral.com/2012/11/pinterest-pin-it-button-on-image-hover.html for details.
    // Feel free to use and share, but please keep this notice intact.
    </script>
  • Save.
Now you should see the Pin it Pinterest button on all your images.

No comments:

Post a Comment