terça-feira, 9 de abril de 2013

Criar um Botão Pinterest um único código para todos os sites [Solução]


Criar um Botão Pinterest (Pin It) Código Único para todos os sites [Solução]

Muitas pessoas querem colocar um Botão da Rede Social da Pinterest em seu site ou blog, mas a Pinterest fornece apenas uma solução que demanda as informações de seu website de modo que você precisa de um código do botão para cada página.
Eu bolei uma solução para isso. Um código de Botão da Pinterest que funciona para todos as paginas.

É uma solução de um único código para muitos sites. É uma modificação do código do botão original da Pinterest que elimina a necessidade de adicionar a url do seu site, uma foto e uma descrição para cada botão.

Se você é um programador você pode aproveitar a idéia básica e fazer suas modificações de preferir, mas se você não é um programador pode simplismente copiar e colar o código abaixo para seu botão da rede social da Pinterest.

  <!-- pinterest button -->
  <br /><a id="a_pint" data-pin-config="above" href="#" data-pin-do="buttonPin" >
  <img src="//assets.pinterest.com/images/pidgets/pin_it_button.png" /></a>
  <script type="text/javascript">
    (function() {
    var this_url = encodeURIComponent(location.href);
    var this_title = encodeURIComponent(document.title);
    if(document.getElementsByTagName("img")[0].src){
      var this_image = encodeURIComponent(document.getElementsByTagName("img")[0].src);
    }else{
      var this_image = encodeURIComponent(document.location.hostname+"/favicon.ico");
    }
    var a_pint = document.getElementById("a_pint");
    a_pint.href = "//pinterest.com/pin/create/button/?url="+this_url+"&media="+this_image+"&description="+this_title;
    })();
    (function(d){
    var f = d.getElementsByTagName("SCRIPT")[0], p = d.createElement("SCRIPT");
    p.type = "text/javascript";
    p.async = true;
    p.src = "//assets.pinterest.com/js/pinit.js";
    f.parentNode.insertBefore(p, f);
    }(document));
  </script>
  <!-- Code by Luiz Monk -->
  <!-- pinterest button -->

Se você gostou desse código, por favor nos recomende a seus amigos clicando no botão da Pinterest ou no botão do Google+, ou no Botão do Facebook ou ainda no botão do Twiter.
Obrigado.



Create a Pinterest Button one code to All websites [Solution]

Create a Pinterest Button (Pin It) ONE Single code to All websites [Solution]

Many people want to put a Pinterest Button in their website or blog, but Pinterest has only a solution that demands your website information and need a code to each website.
I came up with a solution for that. A Pinterest Button code that works for all websites.

Its a one code solution for many websites. Its a modification of the original Pinterest Button code that eliminates the need to add your site url, a picture and a description to each button.

If you are a computer programmer you can use the basical idea and make your modifications to it, but if you ar not you can just copy and paste the following code for your Pinterest Social media Button:

  <!-- pinterest button -->
  <br /><a id="a_pint" data-pin-config="above" href="#" data-pin-do="buttonPin" >
  <img src="//assets.pinterest.com/images/pidgets/pin_it_button.png" /></a>
  <script type="text/javascript">
    (function() {
    var this_url = encodeURIComponent(location.href);
    var this_title = encodeURIComponent(document.title);
    if(document.getElementsByTagName("img")[0].src){
      var this_image = encodeURIComponent(document.getElementsByTagName("img")[0].src);
    }else{
      var this_image = encodeURIComponent(document.location.hostname+"/favicon.ico");
    }
    var a_pint = document.getElementById("a_pint");
    a_pint.href = "//pinterest.com/pin/create/button/?url="+this_url+"&media="+this_image+"&description="+this_title;
    })();
    (function(d){
    var f = d.getElementsByTagName("SCRIPT")[0], p = d.createElement("SCRIPT");
    p.type = "text/javascript";
    p.async = true;
    p.src = "//assets.pinterest.com/js/pinit.js";
    f.parentNode.insertBefore(p, f);
    }(document));
  </script>
  <!-- Code by Luiz Monk -->
  <!-- pinterest button -->

If you Enjoy this, please recommend to your friends by clicking in the Pinterest Button or Google+ Button, or Facebook Button, or Twitter Button.
Thanks.