Wednesday, 21 August 2013

How to Embed Pinterest Pins Into your Posts in Blogger?

Embedding Pinterest pins on your blog is not a delicate task anymore.  Through Pinterest developer’s tool, you can embed pins into your content without following any complex procedures. Pins are displayed in a smallish square along with the significant details of the pin’s contributor. Pins are interactive, and users can re-pin your content directly from your website.  Therefore, today in this article, we will show you How to Embed Pinterest Pins Into your Posts in Blogger. 

  • http://www.mybloggerlab.com/2013/03/why-your-blogger-blog-was-deleted-or-removed.htmlhttp://www.mybloggerlab.com/2013/03/why-your-blogger-blog-was-deleted-or-removed.htmlPinned by Syed Faizan AliOnto Blogger Tricks
  • http://www.mybloggerlab.com/2013/03/how-to-properly-rename-or-delete-labels.htmlhttp://www.mybloggerlab.com/2013/03/how-to-properly-rename-or-delete-labels.htmlPinned by Syed Faizan AliOnto Blogger Tricks
  • First of all go to business.pinterest.com/widget-builder/ and sign in into your Pinterest account. The Pinterest developer page mainly consists of a widget generator that probably will assist you in embedding pins into the content of your website. Now you will see a plenty of options to play with but since, we are trying to embed pins in our website, so you have to go for “Embed Pin” from the widget builder.
    To embed a Pinterest pin in your website, it is necessary to have a proper URL which should be pointing to your selected pin. Just open any pin that you like to embed in your website, and copy the full URL appearing in the address bar of your browser.
    Now get back to the Pinterest widget builder, just paste the pin URL in the widget generator which you copied in the previous step. After pasting the URL, press the preview button to generator the code which you will insert in your blog.  
    On pressing the preview button, you will see a demo of your pin along with the two codes which you have to insert in your blog.  Now go to Blogger.com >> your site >> Add a new Post >> HTML Tab >> and paste the code where you would like to see the pin to appear. Now publish your article, and that’s it. 

    Alternative Method:

    If you know basics of HTML coding, then you can use our alternative method. This method is a lot simpler, but it requires you to have a bit familiarity with HTML coding. It doesn’t mean you need to be an HTML expert but a little likeness is always profitable.
    First go to Blogger.com >> your site >> Add a new Post >> HTML Tab >> paste the following code where you would like to see the pin to appear.
    <a data-pin-do="embedPin" href="http://pinterest.com/pin/48343395972563829"></a>
    <script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>

    Replace http://pinterest.com/pin/48343395972563829 with the URL of a pin which you want to embed on your site. After customizing press the publish button and that's all.

    We hope this article would help you in embedding Pinterest pins in your Blogger blog. If you have any question related to this topic then, we encourage you to comment below and share your precious views with all of us.


    0 comments:

    Post a Comment

     

    © 2011 Good Blogger Cafe - Designed by Mukund | ToS | Privacy Policy | Sitemap

    About Us | Contact Us | Write For Us