Volgens mij krijg ik er iedere dag wel een aantal vragen over. Hoe heb jij dit gedaan? Hoe heb jij dat gedaan? Allemaal heeft dat te maken met HTML. Aangezien ik zelf geen tijd heb om voor ieder apart iets uit te leggen, leek het me toch wel weer eens handig om een HTML tutorial te maken. Dit keer met twee dingen die echt heel erg veel gevraagd zijn. Je kan bijna zeggen dat dit het meest is gevraagd. Namelijk hoe je je lees verder knop kan veranderen en hoe ik onder in mijn blog (check het!) een instagram balk heb geplaatst. Allebei is het super simpel. Laten we dus maar heel snel beginnen!
Ik ben altijd erg benieuwd naar jullie resultaten. Plaats dus een comment, twitter me, facebook me of mail me met het resultaat. Ik ben heel erg benieuwd wat jullie er van maken! 🙂
Lees verder knop veranderen
Ik krijg ten eerst heel veel vragen hoe je überhaupt zo’n break krijgt. Dit is ontzettend simpel. Je hoeft alleen maar op de onderstaande knop te drukken waar je de break wilt hebben:
Normaal staat hier een tekst, dus geen plaatje zoals ik heb. Als je op mijn plaatje drukt krijg je het vervolg van mijn geschreven artikelen. Wil je dit ook veranderen? We gaan dit veranderen in je HTML.
In je HTML ga je op zoek naar de volgende code (CTRL + F gebruiken):
<b:if cond=’data:post.hasJumpLink’>
<div class=’jump-link’>
<a expr:href=’data:post.url + "#more"‘ expr:title=’data:post.title’><data:post.jumpText/></a>
</div>
</b:if>
Heb je de code gevonden? Verwijder dan het dik gedrukte stuk uit de code. Let op!: De aanhalingsteken moet je dus laten staan. Zet vervolgens deze code in die plaats:
<img src=”http://image-URL.png”/>
Op de plaats van http://image-URL.png moet je zo meteen een afbeelding plakken, althans de code ervan. Ik gebruik hier altijd
tinypic voor. Upload op deze site je foto.
Nu krijg je in de vakken codes:
Hiervoor heb je de onderste code nodig. Plak deze code inplaats van http://image-URL.png. Druk nu op voorbeeld, werkt hij? Klik dan op opslaan. Dan ben je klaar!
Instagram balk op je blog
Je hebt hier maar twee dingen voor nodig. Namelijk blogger én snapwidget. Volg de stappen en je bent klaar. Dit is echt super easypeasy. Appeltje eitje, ook wel gezegd haha. Je kunt selecteren wat je wilt om de gadget helemaal naar jouw smaak te maken. Dan kopieer je de code, zet hem op je blog bij Indeling -> gadget toevoegen -> HTML/Javascript. Let op, dit werkt alleen maar als je geen ‘slotje’ op je account hebt, dus als je Instagram-foto’s openbaar zijn zal het werken.
Heel veel succes en hopelijk gaat het lukken! Mocht het niet lukken, dan mag je een belletje trekken.. Maaarr… Eerst zelf proberen! Laat me weten wat het probleem is en ik zal kijken of ik het voor je kan oplossen.
Veel succes!
Liefs,
Julia
E
No Comments