Hoe plaats ik een Pin it (Pinterest) knop bij mijn foto in Blogger

Omdat ik er zelf een tijdje naar gezocht heb, wil ik het graag met jullie delen.
Het lijkt moeilijk maar als je gewoon rustig stap voor stap doet. Lukt het wel!
Het is mij toch ook gelukt! :)

Bron

Basis Installatie

• Stap 1: 

Ga naar Ontwerp (rechts bovenaan), ga in de menu naar SJABLOON, 

Bij sjabloon zie je staan HTML bewerken --> klik!
Dan krijg je iets soortgelijks als dit :

Dan plaats je de volgende code boven <b:skin> </b:skin>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>

gelukt?

dan ga je naar SJABLOON OPSLAAN.

zo je eerst deel is al gelukt!

•     Stap 2: 

Ga naar Indeling. Bij je indeling zie je staan "Een gadget toevoegen" Klik daarop --> in de lijst die je dan krijgt kies je HTML/ JAVASCRIPT en je klikt op het +

Je geeft de gadget geen titel.

Je plaatst onderstaande code bij inhoud. (code vind je op deze link)

https://gist.github.com/mariemosley/2340649#file-pinterest-js

Klik op opslaan en klaar!! Neem maar eens een kijkje! Je blog is aangepast!

• Pin it IN de foto? (zoals op mijn blog?)

Dan ga je naar SJABLOON --> AANPASSEN-->geavanceerd-->CSS toevoegen (onderaan in het lijstje staat dit)

Je vult daar onderstaande code in

a[class*='pin_it_button_inline'] {
position: relative;
right: 45px;
bottom: 10px;
}

Druk op toepassen op blog rechts bovenaan en neem een kijkje!

Gelukt?!

Laat je me weten of het is gelukt?

Special thanks to Marie Mosley!