Slik legger du til en flytende deleknapp i Blogger

Ved å legge til noen linjer med kode, kan du inkludere en flytende delingsknapp på bloggerblogg. Dette gjør det mulig for brukerne å dele blogginnleggene dine med de sosiale nettverkene etter eget valg i et par museklikk, og kan hjelpe deg med å øke trafikken til bloggen din med minimal innsats fra din side.

1.

Samle deleknappen for å legge inn koder for hvert sosialt nettverk du vil inkludere på din flytende deleknapp. Kopier kodene og lim dem inn i et Notisblokk dokument.

2.

Logg deg på Blogger-kontoen din på Blogger.com.

3.

Klikk koblingen "Design" ved siden av bloggen du vil legge til en flytende deleknapp til.

4.

Klikk på koblingen "Rediger HTML" øverst på skjermen.

5.

Rull ned til du finner "" taggen. Plasser markøren en linje før den, og skriv deretter inn følgende kode:

Knapp

6.

Lim inn koden for en delingsknapp for sosiale nettverk i stedet for "Knapp" mellom "" og "" -takene fra trinn 5. Du kan legge til flere forekomster av denne koden for hver sosiale nettverksknapp du vil legge til.

7.

Lim inn følgende linje med kode etter "]]>." tag i Blogger-malen:

8.

Finn "" og lim inn følgende kode før den taggen:

9.

Skriv inn denne koden over "]]>" -koden for å legge til CSS-delen av den flytende deleknappkoden til malen:

sharebox {

flyte: venstre; margin-venstre: -80px; bakgrunn: #fff; posisjon: absolutt; -moz-grense-radius: 5px; border-radius: 5px; }

sharebox .wdt {

flyte: venstre; fjern: venstre; polstring: 5px; }

10.

Klikk på "Lagre mal" -knappen.

Ting som trengs

  • Kode for delingsknapper du vil legge til

Anbefalt