Handtekening op je blog zetten

Om erachter te komen wat ik moest doen om een handtekening onder mijn blogberichten te zetten, heb ik aardig moeten zoeken. Inmiddels ben ik erachter en wil ik het graag met jullie delen.
Misschien ten overvloede, misschien dat iemand er wat aan heeft.

Bij deze de
Handtekening op je Blog Tutorial
Allereerst moet je natuurlijk bedenken wat voor handtekening je wil gebruiken.
Ik heb momenteel een erg simpel ontwerp gekozen:

Dit heb ik gemaakt met het gratis fotobewerkingsprogramma GIMP maar veel makkelijker is het om dit met het tekenprogramma Paint te doen.

1. Sleep de vierkantjes met je muis
2. Onderin je scherm zie je de pixels wijzigen.

Houd er bij het maken van je ontwerp rekening mee dat je hem niet breder maakt dan je blogberichten. Anders steekt het zo lelijk uit.

Breedte van je Blog checken
1. Ga naar je Dashboard
2. Ga naar Sjabloon
3. Klik op Aanpassen

4. Klik op Breedte Aanpassen

5. Bekijk hoe breed je gehele blog (bij mij is dat dus 870px) is en trek daar de breedte van je zijbalk(en) (bij mij is dat 220px) vanaf.

6. Het getal is de breedte die je aanhoudt voor je handtekening (bij mij zou dit dus 870-220=650px zijn).
De hoogte bepaal je zelf.

Als je een handtekening gemaakt hebt, sla je deze ergens op het web op.
Ik heb dit gedaan met Google.

Afbeelding Opslaan
1. Ga naar Google
2. Klik op Meer
3. Kies Foto's

4. Als het goed is (maar ik heb een googleaccount) zie je rechts Nieuwe foto's uploaden

5. Je upload je handtekening.
6. Daarna kun je via een rechtermuisklik op de foto kiezen voor Afbeeldings URL kopiëren

7. Je hebt dit nu geoefend, laat dit scherm open staan zodat je dit straks daadwerkelijk kan kopiëren.

Wat je nu moet doen klinkt heel spannend, maar als je het doet volgens deze stappen, komt het goed.

Handtekening op je Blog zetten
1. Ga weer naar je Dashboard
2. Ga naar Sjabloon
3. Kies HTML bewerken  (echt je kunt dit, adem even diep in en uit)

4. Je krijgt een pop-up scherm, kies Verdergaan

5. Bovenaan vink je het vakje Widget-sjablonen uitvouwen aan

6. Klik nu CTRL-F
7. Je ziet nu rechtsbovenin een vakje verschijnen

8. Kopieer daar deze tekst in:

         post-footer-line post-footer-line-1

9. Dan zie je:
        <p class='post-footer-line post-footer-line-1>

of

 <div class='post-footer-line post-footer-line-1'>

10. Achter die tekst plak je dit:

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM5adERG_qbKy38pCckAoWVO7k7r03DdhwgzbZB9zq75WR2hR9WTipKsjLtrUOHEZKVFTY9EZW6BN8eW-zPw7wdIXZAQq1YnuzZjnKkU_QCnQ-7L6iEiam3Mk4DRHS-3eW3rmvScf8Mc8L/s524/Handtekening.jpg'/><br/>

11. Zoek je eigen AfbeeldingsURL op en plak deze in plaats van de donker rode dikgedrukte tekst.

12. Klik op Voorbeeld je kunt dan jezelf overtuigen dat het gelukt is

13. Klopt het NIET, kies dan Wijzigingen Wissen. Klopt het WEL, kies dan Sjabloon Opslaan

Dat was het!!!

Ik hoop dat het gelukt is en dat je er tevreden over bent.

Liefs,

Bianca