Buttons / Icons maken

Dat ik een kleine internetverslaving aan het ontwikkelen ben is niet te veel gezegd. Maar het heeft zo zijn voordelen. Hierdoor heb ik mijn blog een facelift kunnen geven. En dan vooral de buttons hier naast ———————————->

Niet dat ik geleerd heb om html-codes te schrijven, maar ik kan ze wel goed genoeg aanpassen om dit te maken 🙂 De leukste vond ik deze:

Wil je ook zo iets kunnen maken? Volg dan gewoon deze TUTORIAL (en je wordt even blij als mij!)

Ik leg het stap voor stap uit.

1. Kies een afbeelding vanop het internet en sla die ergens willekeurig op. + open een word document waarin je de html-code kunt maken.
(is jouw foto niet van op het internet dan moet je deze eerst uploaden via bv flickr. Als je die deelt kan je er ook een html code van vinden)

2. Pas onderstaande html-code aan.

<a href="http://www.bloglovin.com/en/blog/7296841″ title=”Follow Creastine on Bloglovin“target=”_blank”>

Verander het gele door de link waar de foto naartoe moet leiden. (bijvoorbeeld jouw facebookpagina)

3. Open een nieuw bericht en upload jouw foto. Daarna klik je op HTML.

Nu kan je de html-code zien van jouw tekening.  Bij mij is dat:

4. Kopieer het groene deel (vanaf <img) Dat kan je nu op de plaats van het paars (zie stap 1.)

5. Wil je niet dat  jouw link een nieuwe pagina opent, wis dan het rode.

6. Wil je niet dat er na jouw prent de rest op een volgende lijn begint? Wis dan het blauwe.

Samenvatting: 
<a href="+link+“target=”_blank”>+link van jouw foto

TIPS:

  • Leuke icons kan je hier vinden: klikkerdeklik
  • Je kan het ook voor andere dingen gebruiken he. Wil je een speciale link naar een pagina.., wil je een samenvatting van jouw DIY- projecten… (zoals je kan vinden op mijn PAGINA. De mogelijkheden zijn oneindig.

Veel plezier ermee!

Geplaatst in: DIY

0 gedachten over “Buttons / Icons maken

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *