Add Pinterest Profile and Pin board widget in Blogger

Posted on October 05, 2014 by 
Add Pinterest Profile and Pin board widget in Blogger
Pinterest is one of the most popular social media site around web. It has more than 25 million active users where most of users are professional business holders, internet marketer. For entrepreneur Blogger’s Pinterest is important too it capable of driving massive amount of visitor to your blog. Promoting your blog with Pinterest, adding Pinterest profile and pin board widget in your Blogger blog is very important. And here with this article you’ll be easily guided to adding Pinterest Profile and Pin board widget in Blogger blog.

Pinterest Profile widget for Blogger


Show your Pinterest profile (Name and profile pic), thumbnail views of some recent pinned images, Images width is 80px.

Preview-
Pinterest Profile widget for Blogger


Live Demo- (Click here)

Codes for copy-


<!--crawlist.net pinterest profile starts-->
<a data-pin-do="embedUser" href="http://www.pinterest.com/ddshazzad/" data-pin-scale-width="80" data-pin-scale-height="200" data-pin-board-width="280"></a>
<!-- Please call pinit.js only once per page -->
<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>
<!--crawlist.net pinterest profile ends-->


How to add-
  • First log in to your Blogger, select your Blog, 
  • Go to 'Layout' tab then click 'add a gadget’ 
  • Select 'html/javascript' from pop up menu. 
  • Copy codes and configure

How to configure-
  • Replace http://www.pinterest.com/ddshazzad/ with your Pinterest profile link (red colored). And save template

Pinterest Pin board widget for Blogger


Show your one pin board with that board’s recent pins thumbnail views, your name, profile pic and board name includes.

Preview-
Pinterest Pin board widget for Blogger

Live Demo- (Click please)

Codes for copy-


<!--crawlist.net pinterest profile starts-->
<a data-pin-do="embedBoard" href="http://www.pinterest.com/ddshazzad/best-blogger-widgets/" data-pin-scale-width="80" data-pin-scale-height="200" data-pin-board-width="280"></a>
<!-- Please call pinit.js only once per page -->
<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>
<!--crawlist.net pinterest profile ends-->

How to add-
  • First log in to your Blogger, select your Blog, 
  • Go to 'Layout' tab then click 'add a gadget’ 
  • Select 'html/javascript' from pop up menu. 
  • Copy codes and configure

How to configure-
  • Replace http://www.pinterest.com/ddshazzad/best-blogger-widgets/ with your Pinterest pin board
link (pink colored). And save template

Further customization
  • Change the height of widget change 200 to any desired px
  • Change the width of widget change 280 to any desired px
  • Change the width of pin thumb change 80 to any higher desired px
So what you thinking don’t forget to mention. Goodluck