tekst andere kleur geven bij selecteren

aan de hand van een tutorial laat ik jullie vandaag zien hoe je je tekst een andere kleur kunt geven als het geselecteerd wordt (probeer maar eens een stuk tekst te selecteren op mijn blog).

ga naar je blogger dashboard, klik in het linker menu op sjabloon en dan op aanpassen. dan krijg je een nieuw scherm met links bovenaan weer een menu, daar klik je op geavanceerd, dan komt er rechts van het menu een ander menu te staan, scroll hier helemaal naar beneden en ga naar css toevoegen. weer rechts van dit menu krijg je een wit vak, daar plak je de volgende code;

::-moz-selection {     background-color: #000000;     color: #fff; } ::selection {     background-color: #000000;     color: #fff; }

het volgende #000000 vervang je voor een kleur naar keuze, dit is de achtergrondkleur. #fff is de tekstkleur. let op, de kleurcodes moeten beiden twee keer ingevuld worden. aan de hand van dit schema kun je makkelijk en snel kleurcodes opzoeken.

vergeet niet om rechts bovenaan op toepassen op blog aan te klikken en dan ben je klaar.

♥ volg jouvence via bloglovin’

blogtitel centreren

mijn laatste html uitleg die online kwam dateert uit begin februari, inmiddels zitten we in eind april en al die tijd heb ik geen html tutorials meer gemaakt, terwijl ik dit juist erg leuk vindt om te maken. daarom vandaag een simpele html tutorial, waarin ik laat zien hoe je je blogtitel centreert.

dit is zoals het er nu uitziet, als het goed is staat de blogtitel helemaal links bovenaan het artikel gecentreerd.
 
ga naar blogger, klik links in het menu op sjabloon en dan op html bewerken. ga met je muis in de html staan en zoek (ctrl + f) de volgende code; ]]></b:skin>
 
als je bovenstaande code gevonden hebt, haal je deze weg en vervang je het voor de volgende code;
 
h3.post-title { text-align:center; }

]]></b:skin>

 
sla je sjabloon op en je titel is gecentreerd. als het goed is staat de blogtitel nu in het midden gecentreerd.
♥ hebben jullie wat aan deze uitleg gehad.?

social media buttons

vandaag leg ik jullie uit hoe je social media buttons/icons maakt die aanklikbaar zijn, omdat ik deze vraag toch vrij regelmatig via de mail krijg. social media is erg belangrijk voor je blog, je wilt natuurlijk dat anderen je op zoveel mogelijk manieren kunnen volgen.!

ten eerste moet je ervoor zorgen dat je social media buttons hebt, deze kun je bijvoorbeeld zoeken op google – afbeeldingen – ‘social media buttons’. je krijgt dan waarschijnlijk heel veel social media buttons in één afbeelding. sla de afbeelding op en open hem in paint of photoshop, zo kun je de buttons die jij gebruiken wilt uitknippen en in een nieuw bestand opslaan. zorg ervoor dat je elke social media button één voor één uitknipt en opslaat.

01. ga naar je dashboard en klik in het linkermenu op indeling.

02. klik dan op een gadget toevoegen.

03. dan verschijnt er een nieuw scherm, je moet dan even iets naar beneden scrollen en dan  html/javascript toevoegen.

04. dan verschijnt er weer een nieuw scherm; html/javascript configureren.

05. in het vakje inhoud plak je de volgende code;  <a href=”URL Pagina”><img src=”URL IMG” /></a>  deze code plak je voor elke social media button. dus heb je 3 buttons, dan plak je bovenstaande code 3 keer achter elkaar.

06. via tinypic kun je je social media buttons uploaden. klik op bladeren, zoek je bestand en klik op nu uploaden!

07. als tinypic klaar is met uploaden, krijg je vier linkjes. gebruik de directe link voor lay-outs.

nu gaan we de code iets aanpassen. op de plek waar nu staat url pagina komt de link waar de afbeelding naartoe moet gaan, bijvoorbeeld facebook, bloglovin of instagram. op de plek waar nu staat url img plak je de directe link die je net van tinypic gehaald hebt. let er op dat je de goede link, bij de juiste afbeelding plaatst.!

helemaal klaar.? klik dan op opslaan en rechts bovenin op indeling opslaan.

wil je je buttons in het midden centreren in plaats van links uitlijnen.? plaats dan voor de code die je al hebt dit; <center> en aan het einde van de code;  </center> dit. heb je de code er vijf keer staan, dan moet je dit dus ook bij elke code apart weer doen.

volg Jouvence via bloglovin.