-moz-user-select:none; -webkit-user-select:none; -khtml-user-select:none; -ms-user-select:none; user-select:none;
Subcribe to our RSS feeds Join Us on Facebook Follow us on Twitter Add to Circles

30 November 2014

Add Pinterest Pin it button on image hover to blogger

"This post is about adding a stylish Pinterest pin it button to your blogger blog. When your blog visitor hovers mouse over any image in your blog posts this widget will display  Pin it button on that  image. By using this widget your blog visitors can directly pin images from your blog to their Pinterest pin boards. In this way this widget will helps in increasing your blog traffic and also provides good exposure to your blog on Pinterest network."



Method:

  • Open your blogger dashboard.
  • Select your blog.
  • Select Template option.
  • Select Edit HTML.
  • In the template code search for </head>
  • Just above it paste following code and save the template.
<script type="text/javascript">
(function(d){
  var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT');
  p.type = 'text/javascript';
  p.setAttribute('data-pin-hover', true);
  p.async = true;
  p.src = '//assets.pinterest.com/js/pinit.js';
  f.parentNode.insertBefore(p, f);
}(document));
</script>

No comments:

Post a Comment

Please feel free to comment regards this post







Blogger Widgets