Blogger tips & tricks: eenvoudige (HTML) tutorials

Hee wacht, niet afhaken bij het woord 'HTML'! Zó moeilijk zijn die codes niet (als je ze even doorhebt). Mijn blog zou niet kunnen bestaan zonder honderden (HTML)-tutorials. Ik ben namelijk niet iemand die zelf de beste codes kan maken en daarmee mijn blog kan opzetten. Hell no. Gelukkig bestaat er Google en ken ik wat fijne sites om tutorials op te zoeken, en deze wil ik graag met jullie delen! Een eerdere post 'tips om je blog extra leuk te maken' was wel een succes, dus nu ga ik jullie méér tips geven om je (Blogger) lay-out nog meer te personaliseren en mooier te maken! Klik gauw op 'lees verder'!

Een header met Image-maps

Mijn header bestaat uit een logo, volg-knopjes én menuknoppen. En dat allemaal in één header, hoe cool? Met allerlei verschillende links, dus. Dit heb ik gedaan met Image-maps, thanks to Joyce ken ik deze site. Op deze site kun jij je header uploaden, tekst selecteren en daar een link aan toevoegen. Zoals voor 'over mij' of 'contact' op je blog. Heb je alle links ingevuld, dan krijg je een HTML-code. Meer uitleg over de code op je blog zetten kun je hier vinden. Handig toch, om al je volg- en menuknopjes in de header te zetten? 

Blogger-tutorials op Blog Bulk 

Op Blog Bulk heb ik aardig wat tijd doorgebracht, op zoek naar HTML codes. De meest handige codes voor je blog worden daar gegeven. Hoe krijg je een mooie achtergrond? Hoe plaats je een icoontje voor elke titel van een post? Wat je maar wilt weten wordt verteld op Blog Bulk! Gewoon even zoeken wat je wilt weten en je krijgt duidelijke uitleg. Fijne website!

Een Instagram widget op je blog

Dit kan easypeasy! Via Snapwidget heb je meerdere keuzes aan widgets om je Instagram-foto's te laten zien. Heb je mijn foto's al gezien onderaan mijn blog? Jup, dat is een mooi voorbeeld! Je hebt nog meer manieren om je foto's op je blog te laten zien, zoals in een slideshow of 'board'. Je kunt selecteren wat je wilt om de gadget helemaal naar jouw smaak te maken. Dan kopieer je de code en hoppa, zet 'm op je blog bij Indeling -> gadget toevoegen -> HTML/Javascript. Let op, dit werkt alleen als je geen 'slotje' op je account hebt, dus als je Instagram-foto's openbaar zijn.

Reactie'box' boven de reacties

Normaal komt het gedeelte waar je je reactie op een artikel in kunt vullen, onderaan de al bestaande reacties, op Blogger. Met een code kun je dit veranderen, zodat je lezers niet helemaal naar beneden hoeven te scrollen om te reageren! Erg moeilijk is het niet, volg de instructies maar. Het is een kleine verandering, maar makkelijker is het wel, om de 'box' bóven de reacties te hebben. Zie hier hoe je het kunt doen. 

I want more!

Verschillende tutorials kun je vinden op verschillende blogs en sites. Het gaat er dus om dat je ze opzoekt. Hierdoor is mijn lay-out ook zoals het nu is! Ik wil nog één blog noemen waar meerdere tutorials op staan: Nouk-san. Zij vertelt onder andere over hoe je je blogs deelt op social media, een favicon toevoegt of 'opacity' (doorzichtigheid) aan je foto's toevoegt. Heel leuk en leerzaam om doorheen te scrollen! Klik hier voor haar tutorials. 

Heb jij eventueel nog een vraag hierover, dan is het handig om mij even te mailen. Kijk hiervoor bij 'contact' bovenaan mijn blog. Of wil je iets anders weten over HTML of mijn lay-out, mail me, ik probeer zo snel mogelijk terug te mailen! 

Veel succes allemaal! Liefs, Luna