Widgets en codes • 2: 'Lees meer'-button en een link naar een E-mail

zaterdag, maart 05, 2016


Ik ben blij dat jullie het eerste deel nuttig vonden! Dus, hier, het tweede.
Dit keer gaat het over die mooie, 'lees meer' knopjes aan het einde van de inleiding van je post en een contact formulier, waarmee mensen rechtstreeks een mailtje kunnen sturen, zonder dat ze je e-mailadres kennen.


HTML is een codeertaal waarmee je je blog opbouwt zoals jij het wil. Hiermee kun je je stijl aanpassen en handige widgets aan je blog toevoegen. Natuurlijk kan niet alles van de eerste keer goed lopen, het is door te experimenteren dat je dingen bijleert en sterker wordt in het programmeren van een website.
Ik heb geen idee hoe het zit met Wordpress, omdat ik zelf gebruik maak van Blogger, dus het is mogelijk dat deze tutorials niet werken op Wordpress-blogs.
Als je vragen hebt: stel ze gerust! Het is wel zo dat ik geen professional ben op het gebied van coderen, maar als ik je kan helpen doe ik het graag.


E e n   ' l e e s   m e e r ' - b u t t o n
Als je dit nog nooit eerder hebt toegevoegd, staat er na jouw 'jump break' gewoon een saai linkje met 'lees verder' of dergelijke. Met deze code kan jij een zelf ontworpen button toevoegen, helemaal in de stijl van jouw blog!

Z o   k r i j g t   j o u w   b l o g   e e n   m o o i e   ' l e e s   m e e r ' - b u t t o n :
Je gaat naar Blogger  > Sjabloon  > HTML bewerken
Druk op ctrl + f (er verschijnt een zoekbalkje) en plak er dit stukje:

<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>

Verwijder dit en plak in de plaats:

<a expr:href='data:post.url' expr:title='data:post.title'><img src='http://AFBEELDING-URL'/></a> 

Op de plaats van http://AFBEELDING-URL is het de bedoeling dat jij de URL van jouw button invoert.
(Een afbeelding een URL geven kan bv. op imgur.com of tinypic.com. Zorg wel dat er op het einde van de URL .jpg staat! Kies dus voor de directe link.)

Je kan er ook eentje opzoeken en gebruiken, maar het leukste is om er natuurlijk zelf een te maken.

E e n   l i n k   n a a r   e e n   e - m a i l
Wil je liever dat jouw lezers rechtstreeks een berichtje kunnen sturen, zonder dat ze hun mail-box zelf moeten openen en vervolgens je e-mailadres moeten typen? Met deze link wordt de e-mail met één muisklik opgesteld.

Eigenlijk heb je hier helemaal geen speciale codes voor nodig. Blogger heeft namelijk zélf al een functie voor een link naar een e-mailadres.
Je stelt een bericht op en selecteert de tekst die je naar de e-mail moet zenden. Klik op 'Link'.
Dit venster opent. Bij 'Link naar:' vink je 'E-mailadres' aan en typt er jouw adres. Zo simpel is het!

Als je nog vragen hebt, stel ze gerust! Ik hoop dat het een beetje nuttig was.

Liefs,
Elena

D E E L 1

You Might Also Like

6 reacties

  1. wat handig! ik doe het op een andere manier, maar dit lijkt veel makkelijker

    BeantwoordenVerwijderen
  2. Altijd handig om hier meer over te leren! Het blijft ingewikkeld, coderen. Dus dit soort blogposts zijn altijd welkom! :)

    BeantwoordenVerwijderen
    Reacties
    1. Ik vind het zelf ook lastig om duidelijke antwoorden te vinden op het internet. Fijn dat je het leuk vindt!

      Verwijderen
  3. Great post dear! Would you like to follow each other on BLOGLOVIN? If you decided to follow me, please let me know so I can follow you back. xoxo

    www.love-joice.com

    BeantwoordenVerwijderen

Lief dat je een reactie achterlaat! <3

Popular Posts

@elenadewy

Follow Me

Follow

Subscribe