zondag 19 januari 2014

Een Pinterest Button Widget op je Blog plaatsen


Na 2 dagen is het mij eindelijk gelukt om een Pinterest Widget op mijn blog te plaatsen!
Hieronder een beschrijving van hoe ik het gedaan heb:

1. Ga naar INDELING in het menu aan de linker zijde.
2. Ga naar Een gadget toevoegen3. Ga naar de optie:

HTML/JavaScriptHTML/JavaScriptToevoegen
Functies van derden of andere code aan uw blog toevoegen.
Door Blogger 

4. En druk op de +

5. GEEN TITEL INVOEREN!

6. Kopieer de onderstaande tekst in het grote vak:

<a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark"  data-pin-color="red" data-pin-height="28"><img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_28.png" /></a>
<!-- Please call pinit.js only once per page -->
<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

7. En druk op OPSLAAN

Als je bij elke afbeelding op je blog automatisch een Pin It button wilt laten verschijnen dan kopieer je de volgende tekst in het grote lege blokje:

<!-- Please call pinit.js only once per page -->
<script type="text/javascript" async  data-pin-color="red" data-pin-height="28" data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>

8. Wil je de overige opties bekijken, kijk dan op:
http://business.pinterest.com/widget-builder/#do_pin_it_button

Laat je een berichtje achter als het is gelukt?!


A Pinterest Button Widget on your blog post

After two days the I finally managed to post a Pinterest widget on my blog!

Below is a description of how I did it:


1. Go to LAYOUT in the menu on the left.
2. Go to  a gadget 3. Go to the option:

HTML / JavaScriptHTML / JavaScriptAdd
adding functions to third parties or other code to your blog.
By  Blogger 


4. And press the  +

5. TITLE NO ENTRY!

6. Copy the following text in the large box:
<a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" data-pin-color="red" data-pin-height="28"> <img src = "/ / assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_28.png" /> </ a>
<- Please call pinit.js only once per page ->
<script type = "text / javascript" Async src = "/ / assets.pinterest.com / js / pinit.js"> </ script> 7. And press SAVE


If you're a Pin It button to display automatically every image on your blog then copy the following text into the big empty block:


<- Please call pinit.js only once per page ->
<Script type = "text / javascript" async data pin-color = "red" data-pin height = "28" data pin-hover = "true" src = "/ / assets.pinterest.com / js / pinit.js "> </ script>

8. Would you look at the other options, please visit: http://business.pinterest.com/widget-builder/ # do_pin_it_button

Geen opmerkingen:

Een reactie posten