vrijdag 16 december 2016

De basis van Tumblr HTML layouts en functies!

Het blijft een sociale media waar de tieners geen genoeg van kunnen krijgen. Tumblr. Met je eigen pagina alles delen wat je zelf maar wilt. Maar hoe krijg je nou je eigen aangepaste Tumblr layout, met eigen widgets zonder een dik handboek over HTML erbij te pakken? In dit artikel leg ik je de meest simpele, maar toch handige HTML uit wat betreft de opmaak van je Tumblr pagina.


Zoek en kies je layout
Je kan natuurlijk gaan voor de standaard layouts die je op Tumblr kan toevoegen. Maar waarom niet een veel professionelere layout gratis en voor niets. Zoek op Google naar "Free tumblr layout html" en je zult genoeg site's vinden. Maar om het jullie wat gemakkelijker te maken: (klik op de naam)

Olleotathemes             ThemesbyJames                 Theme-Hunter

Je kopieert simpelweg de html code en gaat naar je Tumblr site. Daar klik je op "Edit theme".  Daar klik je op HTML bewerken. Het enige wat je dan nog moet doen is de HTML code weg halen die daar staat en de code die je hebt gekopieerd daarin te plakken. En tadaa! Je hebt je basis staan.

Kleine handige codes
Om HTML hélemaal te snappen, dan ben je jaren bezig. Maar ik heb hier wel een aantal kleine codes die je heel makkelijk kan toepassen op je Tumblr pagina. Eerst even zoeken waar je hem nou precies wilt plaatsen. Dan moet je dus goed kijken naar de <Head> voor bovenin of <link href ......>  en zo heb je nog veel meer namen zodat je precies weet waar alles staat.

Oftewel vaak verdeelt in deze vakken als indeling:
<header>  <nav> <section> <article>  <aside>  <footer> <details> <summary>


<br> : Een witregel. Oftewel de enter. Hoe vaker je het er neer zet, (kan gewoon naast elkaar) hoe meer ruimte je maakt tussen datgene wat boven je <br> staat en wat eronder staat in je HTML code.

<a href="http://www.tessaklok.blogspot.com/contact/">Kijk op de contact pagina</a>
Hiermee kan je een hyperlink toevoegen en dan kan je er een eigen tekst of woord aangeven. 

Widgets toevoegen:
Nu je weet wat waar hoort kan je nu ook beginnen met widgets toe te voegen. Je zoekt op internet simpelweg naar de widget die je zoekt en zet daarachter HTML. Eenmaal de code gevonden, dan moet je nog even kijken naar waar je precies je widget wilt hebben. Zo kun je bijvoorbeeld je Twitter tijdlijn op je pagina zetten, of je Instagram feed. Maar ook dingen als een muziekbalk die daadwerkelijk de muziek afspeelt. Er zijn zoveel widgets met HTML codes, dat je zeker wel iets vind wat je handig vind op je pagina.


Zoals hierboven.

Hierdoor kan je van alles toepassen en weghalen uit je layout en je functies. Verder kan je vaak deze HTML layouts nog helemaal aanpassen in het standaard aanpassingsmenu van Tumblr, die zich aanpast naar jouw opgegeven HTML layout.

En zo kan je makkelijk én gratis je eigen pagina helemaal stijlen naar wat jij mooi vindt!

Geen opmerkingen

Een reactie posten

Bedankt voor de reactie♥

© TESSA KLOK
Maira Gall