Hvordan lage en Grab My Button Widget

En "Grab My Button" widget er et bilde og tekst område som tillater leserne å kopiere koden for en knapp som linker tilbake til ditt nettsted. Koblingen koden i tekstområdet må opprettes ved hjelp av spesielle tegnkoder. Spesielle tegnkoder er korte koder som kan brukes i websiden dokumenter for å vise tekst symboler som "<" eller ">" og er ikke gjengitt som HTML-elementer av nettleseren. Du kan lage din egen "Grab My Button" widget med bare noen få linjer med HTML-kode.

Bruksanvisning

1 Åpne websiden dokumentet i en HTML eller tekst editor. Hvis du legger på "Grab My Button" widget til en blogging plattform, logge inn på bloggen dashbordet og naviger til siden som inneholder sidepanelet tekstområdet der du vil sette inn widgeten.

2 Klikk for å plassere markøren på en blank linje på websiden dokument eller tekstområde der du vil at modulen skal vises.

3 Skriv "<a href='[website-URL]'>" og trykk "Enter". Bytt ut "[nettside URL]" tekst med nettadressen til nettstedet.

4 Type "<img src = '[hjemmeside-knappen URL]' style = 'border: none;'>" ". Enter" for å lage nettsiden knappen eksempel, trykk deretter Bytt ut "[nettside-knappen URL]" tekst med nettadressen til nettstedet knappen bildet du vil at leserne skal kunne legge ut på sine egne nettsider.

5 Skriv "</a>" og trykk "Enter" for å lukke nettstedet knapp bilde og link.

6 Type "<div style =" width: 200px; height: 200px; overflow: auto; '> "for å lage en DIV container for å vise knappen linken koden. Bytt ut "200" tekst verdi i "width" eller "height" eiendom for å endre dimensjonene av DIV. Den "overflow: auto;" tekst gjør tekstområdet for å vise et rullefelt hvis det er mer tekst enn det som kan vises i div dimensjoner.

7 Type "& lt; a href = '[hjemmeside-URL]' & gt;" å lage link tag kode. Den "& lt;" spesialtegn enhet gjengir som et "<" symbol og "& gt;" enhet gjengir som en ">" symbol. Bytt ut "[nettside URL]" tekst med nettadressen til nettstedet.

8 Type "& lt; img src = '[hjemmeside-knappen URL]' style = 'border: none;' & gt;" å lage en webside knapp bildekode kode. Bytt ut "[nettside-knappen URL]" tekst med nettadressen til nettstedet knappbildet.

9 Skriv "& lt; / a & gt;" for å vise den avsluttende link tag.

10 Type "</ div>" for å lukke koden displayet DIV container.

11 Klikk "Lagre" eller "Update File" for å lagre "Grab My Button" widget kode.