Hvordan redigere en Blogspot-mal i Dreamweaver

Hvordan redigere en Blogspot-mal i Dreamweaver


Blogspot maler, også kalt Blogger maler, er enkle filer som inneholder strukturen, stil og funksjonalitet som styrer utseendet på Google blogg. De ligner på tradisjonelle HTML-filer i at de bruker HTML-koder og stilark og støtte begrenset bruk av Javascript. Hvor de skiller er at en Blogspot mal legger all denne informasjonen i en enkelt fil, mens en tradisjonell mal kan bruke flere filer. Blogspot maler også gjøre bruk av spesielle Blogger-kodene til å trekke i blokker av tekst, koblinger eller andre funksjoner som du kan sette opp i Blogger-kontoen området. Redigere disse malene i Dreamweaver krever en grunnleggende kunnskap om HTML, siden du ikke vil være i stand til å bruke det visuelle editor for å se hele oppsettet.

Bruksanvisning

1 Klikk "Open File" fra Dreamweaver lansering skjerm og naviger til plasseringen av den lagrede malen filen. Maler bør være XML-filer. Hvis du har lastet ned en mal som en ZIP-fil, må du pakke den ut først før det kan åpnes. Filen åpnes i koden editor som standard.

2 Bli kjent med hvordan malen er strukturert. Under HTML erklæringen og i teksten, "hud" vil begynne med "<b: hud>" Blogger tag. Under dette er de variable definisjoner og CSS-stiler. Alle skrift- og farge stiler er vanligvis definert ved hjelp av variabler i stedet for å bli oppført i CSS-klasser. Endre "standard" og "verdi" innstillinger på ønsket sted. Sørg for at nye verdier ende med et semikolon, og er inne i anførselstegn. For eksempel setter følgende variable bakgrunnsfargen til svart:

<Variabelnavn = "mainBgColor" description = "Hovedbakgrunnsfarge"

type="color" default="#ffffff" value="#000000">

3 Redigere eller legge til CSS-stiler. Styles følge den tradisjonelle strukturen, men er ikke inne i <style> koder. For eksempel vil endre bredden på høyre sidebar til 120 piksler, ville du redigere følgende (eller lignende) stil erklæring:

rightsidebar

{

width: 120px;

}

Når du kommer til slutten av stilen, tar seg ikke å slette eller endre den avsluttende "hud" Blogger tag, som ser slik ut:

</ B: hud>

4 Rediger HTML-delen av dokumentet ved å legge til, endre eller fjerne HTML-koder der ønsket. Hvis du oppretter nye CSS-stiler, legge klassen eller ID-verdier til HTML-kodene her. Du kan også legge til bilder ved å bruke full URL-banen til hvor de vil bli lagret; Imidlertid kan det være enklere å legge til visuelle elementer med malen redaktør i Blogger forvaltningsområde når det redigerte malen er aktivert.

5 Vurdere innholdet områder av HTML for blokker av Blogger-koder. Du kan legge til, endre eller slette disse linjer for å påvirke strukturen og funksjonen til bloggen din. Hvis flytte dem rundt, sørg for å kopiere og lime inn hele blokk med koder for å beholde sin funksjonalitet. Blogger tilbyr en utmerket referanse for hva hver Blogger merket angir (se Ressurser).

6 Lagre filen ved å klikke på "File> Save" og gjør at filtypen forblir XML. Last opp din nylig redigerte malen ved hjelp Blogger administrasjonssiden, deretter aktivere den for å se resultatene. Bruk malen redaktør for eventuelle tilpasninger eller endringer om nødvendig.