Tutorial: leuke social media buttons toevoegen aan je blog

Van de technische kant van bloggen weet ik eigenlijk niet zo heel veel, al zeker niet hoe ik HTML-code moet schrijven. Het heeft even geduurd voor ik doorhad dat je helemaal geen HTML-kennis moet hebben om aan je blog te sleutelen. Zo toonde ik jullie de afgelopen twee weken hoe je zelf een thema kan maken voor je Blogger. En op veelvuldig verzoek voeg ik daar vandaag nog aan toe hoe je zonder HTML-kennis leuke social media-buttons kan toevoegen aan je homepage.

1. Ga op zoek naar leuke icoontjes. Als je in de zoekbar van Pinterest "free social media buttons" ingeeft, ga je een hele resem aan mogelijkheden vinden. Op mijn Pinterestbord 'bloggen' selecteerde ik er al enkele voor jullie. Er zijn ook Etsy-shops waar je een bestaand of gepersonaliseerd pakket kan aankopen.
   
2. Sla deze icoontjes op op je pc. Zorg ervoor dat je ze makkelijk terugvindt.
   
3. Open de beheerpagina van je blog en ga naar berichten.
   
   
   
   
   
4. Maak een nieuw bericht aan. Ik gaf het de titel "social media - niet verwijderen".
   (Ter info: het bericht zal niet gepubliceerd worden. Klik wel regelmatig eens op opslaan om je werk niet kwijt te raken.)
   
5. Dan klik je links boven op "HTML". Om ervoor te zorgen dat je buttons/icoontjes mooi op je pagina verschijnen, is het belangrijk dat je ze upload terwijl het bericht op HTML staat. (Maar no worries, buiten knippen en plakken is er niets meer wat we gaan doen met de HTML-code).
   
6. Klik op het afbeelding-icoon en kies voor uploaden.
   
   
   
   
   
7. Ga naar de map waar je de buttons en icoontjes opsloeg en selecteer degene die je wilt gebruiken.
   
8. Zorg ervoor dat er rond alle afbeeldingen een blauw kadertjes staan (d.w.z. dat ze geselecteerd zijn) en klik op 'geselecteerde toevoegen'.
   
   
   
   
   
9. Als de afbeeldingen zijn geüpload, klik je links bovenaan op "opstellen". Nu zie je alle afbeeldingen staan.
   
   
   
   
   
10. Je kan de afbeeldingen nu aanpassen: groter of kleiner, onder elkaar, naast elkaar, ... Heel belangrijk is dat je ze centreert (in het midden zet dus). Dat heeft een mooier effect.
    
11. Nu linken we elk icoon aan de juiste social media site. Ik zal het even tonen met Pinterest (de werkwijze is hetzelfde voor eender welke website):
    
    - Open in een nieuw tabblad Pinterest.
    
    - Ga naar jouw profiel.
    
    - Selecteer de url en kopieer hem.
    
    - Ga terug naar het bericht in Blogger.
    
    - Selecteer de juiste afbeelding.
    
    - Klik op link.
    
    - Plak de URL, selecteer "openen in nieuw venster" en klik op ok.
    
    Als er nu iemand op de afbeelding klikt, komt hij terecht op de pagina die bij de link hoort.
    
    
    
    
    
12. Doe dit voor alle icoontjes.
    
13. Dan klik je linksboven opnieuw op "HTML".
    
14. Selecteer alle tekst en druk CTRL + C
    
    
    
    
    
15. Druk nog een laatste maal op opslaan en sluit dan het bericht.
    
16. Klik in de linkerkolom op indeling.
    
17. Klik op gadget toevoegen.
    
18. Scroll tot je "HTML/Javascript" ziet en selecteer dit.
    
19. Er zal een pop-up openen waar je de HTML-code kan in plakken (CTRL + V).
    
20. Klik op opslaan.
    
21. Kies waar in de zijbalk je de buttons wilt door het gadget te verslepen.
    
22. Klik op "indeling opslaan".
    
    
    

Wanneer je nu op je blog gaat kijken, zal je de social media buttons zien staan op je homepage. En nog leuker: als je er op klikt, opent een van jouw social media pagina's.

Zo, dit was mijn stappenplan om social media buttons toe te voegen aan je blog. Of het de juiste manier is weet ik niet. Maar het werkt in ieder geval. Ik hoop dat jullie de afgelopen weken wat bruikbaars hebben bijgeleerd over de praktische kan van bloggen? Wat vonden jullie het interessantst?

Als er nog vragen of verzoeken zijn i.v.m. tutorials mogen jullie die zeker hieronder posten.

Liefs,

Miss Pixie