Slik tilpasser en Feedburner Box i HTML for WordPress

March 18

Feedburner er et sett med verktøy for RSS-feeds. Den lar tilpassede feeds, abonnent sporing og en rekke funksjoner for å integreres med din RSS (eller Really Simple Syndication) feed. Et slikt verktøy er abonnementet boksen, som kan legges til din WordPress blog å la de besøkende til å abonnere via e-post. Som standard Feedburner gi en liten kode som plasserer en vanlig boks med et tekstfelt slik at folk til innspill sin e-postadresse. Med litt HTML og CSS redigering, kan denne boksen tilpasses på en rekke måter.

Bruksanvisning

1 Gå til FeedBurner.Google.com og logge på Feedburner-kontoen ved hjelp av Google log-in detaljer.

2 Klikk på fôr som du ønsker en tilpasset abonnement boksen. Klikk "reklamere" og deretter "Min søknader." Klikk på "Aktiver" for å aktivere denne tjenesten. Kopier HTML-koden som vises på neste skjerm.

3 Logg inn på din WordPress admin området. Velg hvor du vil at boksen skal gå. Hvis du vil ha det på sidelinjen, gå til "Utseende", "Widgets" og deretter dra en "Text" widget til sidepanelet på det punktet du vil den skal gå. Lim inn koden i tekstboksen. Hvis du vil at abonnementet boksen skal vises før eller etter innleggene dine, gå til "Utseende", "Editor", deretter "single.php." Lim inn koden enten før eller etter "<php the_content ();?>" Etter behov.

4 Finn "style =" etter åpningen <form> -taggen. Du vil se omtrent slik ut:

style = "border: 3px solid #ccc; padding: 3px; text-align: center;"

Tilpass "grensen" attributt. Endre 1px til bredden du vil grensen til å være; "Solid" kan erstattes med "prikkete", "knust", "dobbel", "groove" ridge "," innfelt "eller" utenfor "for å lage forskjellige kantlinjer The." #ccc "Delen styrer farge - - endring "CCC" til hex-kode av ønsket farge.

5 Legg en bakgrunn til boksen. For å endre fargen på bakgrunnen, legg til følgende linje like før slutten anførselstegn av "stil" seksjonen:

background-color: #ccc;

Som før endring "CCC" til hex koden til den fargen du vil at bakgrunnen skal være. For å sette inn et bilde i bakgrunnen, skriver denne koden i stedet:

background-image: URL (http: // urlofimage ');

Erstatt "urlofimage" med den elektroniske plasseringen av bildet.

6 Tilpass padding. I eksempelet ovenfor, er dette satt til 3px - som betyr at det vil være en 3 piksel gap mellom grensen av boksen og innholdet i den. Hvis du ønsker å skape et gap mellom boksen og innholdet utsiden av det, legg denne koden:

margin: 3px;

Endre "3px" til størrelsen på gapet du ønsker.

7 Endre tekstjusteringen. Du kan velge å ha teksten justert til venstre, høyre eller sentrum.

8 Klikk på "Update File" hvis du arbeider i Temaredigering, eller "Lagre" hvis du plasserer koden i en sidebar widget.