Blogger lay-out aanpassen: Social media buttons

Misschien heb je het al gezien dat ik nieuwe social media buttons heb. Misschien vraag je je ook wel af hoe ik dat heb gedaan en dat is nu juist wat ik jullie ga uitleggen! Als je zelf een blog hebt op blogger kan je dit gemakkelijk zelf maken. Je gaat gebruiken maken van HTML.

Sinds kort wist ik hier eigenlijk nog niets van af en nu nog steeds niet zo veel.

Maar je hoeft er ook niet echt iets van te kennen, als je gewoon mijn stappen volgt zal het zo ook wel gaan!

Eerst moet je afbeeldingen hebben van social media buttons. Deze kan je zoeken op google of zelf maken.

Ik heb de mijne zelf gemaakt zodat ze wat persoonlijker zijn en uniek!

Zorg wel dat je alle plaatjes apart opslaat, want op google vind je meestal alles op één plaatje.

Je kan ze gewoon uitknippen met paint en ze zo één voor één opslaan.

Je kan ze daar ook al verkleinen als dat nodig zou zijn. Zo ben je zeker dat ze op je blog passen en dat ze de gewenste grootte hebben.

Zoals dit:

Ga daarna bij blogger naar "indeling" en klik je op "gadget toevoegen".

Daar ga je opzoek nar de gadget "HTML/JavaScript".

dan verschijnt er dit scherm:

Daar gaat alles gebeuren! Hier ga je je buttons plaatsen en ze werkend maken!

Je moet deze HTML-code plaatsen: <a href="URL Pagina"><img src="URL IMG" /></a>

Je kan hem gewoon kopiëren en plakken.

Je moet deze code voor elke button plaatsen. Dus heb je zoals mij 5 social media buttons dan plaats je de code 5 keer.

Op de plaats waar URL pagina staat ga je de URL van de pagina plakken waar je naartoe wil gaan.

Dus wil je naar instagram dan plak je er de link van instagram.

En dan op de plaats van URL IMG ga je de URL van je plaatje zetten dit ga je doen door je plaatje te uploaden op tinypic . Dus open de site tinypic.

Je krijg dan normaal dit venster. Hier ga je gewoon je plaatje uploaden.

Als je plaatje geüpload is ga je de link voor lay-out kopiëren en plakken op de plaats waar URL IMG staat in je HTML code.

Als je dit voor al je buttons hebt gedaan ga je het gewoon opslaan.

Dan ben je eigenlijk klaar! Nu gaan je buttons op je blog staan en gaan ze werken.

Als je wil dat ze gecentreerd staan moet je wel nog helemaal vooraan <center> er voor zetten

En achter al je codes plaats je </center> .

Nu ben je helemaal klaar met je eigen social media buttons!

Ik hoop dat je hier wat aan gehad hebt en als ik nog meer ontdek in de HTML wereld zal ik het zeker meedelen! Vragen over iets zijn ook altijd welkom!

Liefs,

Marlies