Follow:

HTML TUTORIAL #4

Wow, wat heb ik al lang geen HTML/CSS tutorial meer gedaan zeg! Ik vond het dus wel weer eens tijd worden voor een tutorial om jouw eigen (blogger) website wat leuker naar jouw eigen stijl en professioneler te maken. Ik wil er zoals altijd even bij zeggen dat ik met blogger werk en dus niet weet of dit op andere plantvormen, zoals WordPress werkt. 


Let op! Voordat je te werk gaat met deze tutorial(s) is het belangrijk dat je je sjabloon opslaat. Mocht er iets mis gaan heb je altijd een back-up.

Hoe verwijder je “Powered by blogger/mogelijk gemaakt door”?

Dit werd mij echt ongelofelijk veel aangevraagd. Hoe ik nou dat powered by blogger weg haal onder mijn blog. Eigenlijk is dat echt super simpel en hoef je maar een klein dingetje te doen.

Ga naar je eigen Blogger Dashboard, Sjabloon, Aanpassen, Geavanceerd en tot slot CSS toevoegen. Kopieer onderstaande code en plak hem in je CSS.

#Attribution1{

display: none;
}

Dat is het! Als het goed is nu powered by blogger helemaal weg en blijft hij voor altijd weg!

Let op! Het is verstandig als je wel copyright aan je website toevoegt. Zonder copyright mogen mensen alles stelen van je website als het ware. Maar dat hoeft uiteraard niet met “powered by blogger”. Hopelijk lukt het je! 


Centeren!

Zelf vind ik het altijd mooi als dingen gecenteerd staan. Mooi in het midden, ik hou er wel van! Als jij daar nou ook van houdt, heb ik hier een aantal leuke code’s voor je die je wellicht wel kan gebruiken.

Hoe voeg je ze toe? Hetzelfde als de vorige code. Ga naar je eigen Blogger Dashboard, Sjabloon, Aanpassen, Geavanceerd en tot slot CSS toevoegen. Kopieer onderstaande gewenste code en plak hem in je CSS.

Blog header (Plaatje en/of teks) centreren:

#header-inner img {margin: 0 auto !important;}

#header-inner {text-align: Center ;}

Post datum centreren

.date-header {text-align:center;}

´Read more´ centreren

.jump-link {

text-align: center;

}

Post titel centreren:

.post-title {text-align:center;}

Gadet/Widget titels (in je sidebar) centreren:

.section-columns h2, #sidebar-right-1 h2, #sidebar-left-1 h2 {text-align: center;}

Sidebar (De tekst in je sidebar en je widgets) centreren:

.main-inner .column-left-inner, .main-inner .column-right-inner {text-align: center;}

Klik tot slot op ‘Toepassen op blog’, en je bent klaar!


Hopelijk heb je wat aan deze tutorial! Wil je nou nog meer tutorials volgen? Kijk dan ook voor deze tutorials:
Wat vind jij van deze tutorials en ga je er iets mee doen? Wat zou jij graag nog willen weten over HTML/CSS? Laat het weten in de comments, dan ga ik er mee aan de slag!
Wil iets niet lukken? Dan kan je me altijd een mailtje sturen. Ik wil je graag helpen – als ik tijd heb -. (nailnerdjess@gmail.com)
Liefs,
Julia
Deals:



E
Previous Post Next Post

Lees dit ook!

13 Comments

  • Reply Laura Janssen

    Ik zou het leuk vinden als je uit zou willen leggen hoe je dat gedeelte van: Misschien is dit ook iets voor jou en hoe je de tekst boven de comments kan aanpassen. Dus wat hierboven staat! X

    16 augustus 2015 at 14:04
  • Reply Julia NailnerdjessNL

    Dankjewel!

    16 augustus 2015 at 14:04
  • Reply Julia NailnerdjessNL

    Dat is leuk om te horen! 🙂

    16 augustus 2015 at 14:04
  • Reply Julia NailnerdjessNL

    Dat is een heel goed en leuk idee! Ik ga het meenemen, dankjewel!

    16 augustus 2015 at 14:04
  • Reply Julia NailnerdjessNL

    Had ik nog niet gezien, ik ga meteen kijken!

    16 augustus 2015 at 14:04
  • Reply Julia NailnerdjessNL

    Thankyouuu!!

    16 augustus 2015 at 14:04
  • Reply Julia NailnerdjessNL

    Dankjewel!

    16 augustus 2015 at 14:04
  • Reply Nadine van Spanje

    Super handig!!!

    16 augustus 2015 at 14:04
  • Reply Renee-Iris Yorts

    super handig! We wisten eerst nooit wat we er mee moesten doen maar nu ziet ons blog er veel beter uit!

    16 augustus 2015 at 14:04
  • Reply Sheela Sheikh

    Bedankt! Ik heb er een aantal toegepast. Misschien kun je een artikel maken over copyright, zou handig zijn 🙂

    16 augustus 2015 at 14:04
  • Reply Julia Janssen

    Super handig artikel! Heb je trouwens al gezien dat ik je heb getagd voor The Random Tag? Lieeeefs x Julia

    16 augustus 2015 at 14:04
  • Reply Ina Willems

    Leuke tutorials!

    16 augustus 2015 at 14:04
  • Reply Derieke Meerholz

    Leuke tutorials! 🙂

    16 augustus 2015 at 14:04
  • Leave a Reply

    CommentLuv badge