Hjem Personlig finansiering Basics af Blogger Template Designer - dummies

Basics af Blogger Template Designer - dummies

Video: Introducing the Blogger Template Designer 2024

Video: Introducing the Blogger Template Designer 2024
Anonim

Kender ikke nogen HTML, men vil stadig tilpasse visse elementer af din blogs design bare lidt? Du har held og lykke - Blogger Template Designer giver dig nogle gode værktøjer til at gøre netop det.

Skabelon Designer giver dig mulighed for at ændre:

  • Skrifttypens ansigt, størrelse og farve på tekst, links, navigationselementer og sidebjælkeelementer

  • Baggrundsfarven, billedet eller begge

    < ! - 1 ->
  • Bredder af kolonnerne på din blog

  • Layouts af din blog til at bruge en, to, tre, fire eller endda fem kolonner

Faktisk kan du endda bruge Template Designer at indsætte nogle af dine egne brugerdefinerede stilarter, hvis du er opdateret med HTML og CSS.

Følg disse trin for at bruge Blogger-skabelondesigneren:

  1. Vælg Mappe på rullemenuen Post i oversigten.

    Klik på knappen Tilpas under den skabelon, du bruger i øjeblikket.

    Skabelon Designer åbnes.

    Klik på linket Baggrund i den venstre kolonne, og klik på miniaturebilledet i feltet Baggrundsbillede.

    Vinduet Vælg baggrundsbillede åbnes.

    Gennemse de tilgængelige baggrunde og vælg en for at forhåndsvise den.

    Leder du efter noget specifikt? Vælg en af ​​billedkategorierne i venstre side af vinduet for at se aktuelt valgte billeder, såsom Shopping, Teknologi eller Natur.

    Du kan uploade et billede fra din computer for at bruge som baggrund ved at vælge Upload billede.

    Klik på Udført.

    Vælg et nyt farvetema fra indstillingerne på Bakgrundssiden til skabelondesigneren.

    Temaerne angiver baggrund, link, tekst og andre elementfarver.

    Klik på linket Layout fra venstre side af skabelondesigneren.

    Dette åbner layoutsiden.

  2. Vælg miniaturebillede, der bruger det antal kolonner, du vil have din blog til at have.

    Du kan også vælge det layout, der skal bruges i footer - det er nederste område på din blog.

    Valg af miniaturer implementerer dette layout på din blog.

  3. Klik på linket Avanceret på venstre side af skabelondesigneren.

  4. Vælg et element, der skal tilpasses fra den tilgængelige liste.

    Du kan tilpasse hvert element på følgende måder:

    Font Face: Vælg mellem de standard web skrifttyper, som Arial, Times New Roman og mange mere avancerede web skrifttyper.

    Skrifttype og størrelse: Fed, kursiv og lav tekst større eller mindre, som skabelonets oprindelige indstillinger.

    Farve: Vælg en farve til elementet ved at bruge følgende valgforslag:

    • Hexadecimalkode: Hvis du kender den hexadecimale kode til den farve, du vil bruge, kan du skrive den ind i denne tekstboks. Hexadecimal kode er en kode, der indeholder bogstaver og tal, der svarer til en farve. Primært grafiske og webdesignere bruger hexadecimale koder, så sørg ikke for, om det ser ud til at være gibberish til dig.

    • Farvevælger: Klik på rullemenuen på farvevælgeren for at finjustere et nøjagtigt farvevalg.

    • Farver fra denne skabelon: Disse farver er allerede i brug i din skabelon.

    • Foreslåede farver: Denne palette viser farver, som Blogger mener, passer godt sammen med de farver, der allerede er i brug.

    • Baggrundsfarve: Vælg en farve til baggrunden for det element, du tilpasser. Måderne du kan vælge en farve er de samme som for skrifttypens farvevalg.

    Når du klikker på en farve, viser Blogger et eksempel på, hvordan det ser ud på din blog i den nederste halvdel af skærmen.

  5. Når du har foretaget dine ændringer, skal du klikke på Anvend på blog.

    Der åbnes en Blogger-side, der viser en bekræftelse på, at den har gemt dine redigeringer. Du kan vende tilbage til Blogger-startsiden eller fortsætte med at foretage ændringer i skabelondesigneren.

Basics af Blogger Template Designer - dummies

Valg af editor

Sådan konverteres et billede til CSS3 - dummies

Sådan konverteres et billede til CSS3 - dummies

Et særligt kendetegn ved Ultimate Gradient Generator er evnen til at omdanne dit eksisterende billede til en CSS3-gradient, som du kan bruge på dit websted. Dette er en interessant måde at definere nogle komplekse gradienter med ringe indsats; Bemærk dog, at denne funktion virker bedst med billeder som den nedenfor. Selvom ...

Hvordan man vælger den bedste skrifttype i CSS3 - dummies

Hvordan man vælger den bedste skrifttype i CSS3 - dummies

Tekst som en abstrakt præsentation af konkrete begreber, ideer og objekter kræver skrifttyper til præsentation. Skrifttypen, der vælges i CSS3 til teksten, gør ofte så meget at formidle en idé som selve teksten. Brug lidt tid på at se lykønskningskort, og du finder ud af, at formidlere af disse missiver bruger skrifttyper til at præsentere ...

Hvordan man rydder op på din webkode - dummies

Hvordan man rydder op på din webkode - dummies

Om du handcodes dit website eller arbejder med en kode / WYSIWYG editor, skal du altid gøre en øvelse for at kontrollere den hierarkiske rækkefølge, syntaks og stavning af din HTML, CSS, JavaScript, jQuery og anden programmeringskode. Selv når du bruger de bedste tilgængelige programmer, kan din kode på et tidspunkt indeholde fejl, fordi du er menneskelig. ...

Valg af editor

Hvordan man Rough Out et websted i SketchUp - dummies

Hvordan man Rough Out et websted i SketchUp - dummies

Måske vil du modellere en lille bit af nonflat terræn, der omgiver en byggemodel i SketchUp. Måske forsøger du at reproducere eksisterende websider, eller måske er du ved at designe landskabet for et projekt. Der er en pæn teknik til sager som denne: Du kan bruge From Contours til hurtigt ...

På toppen af ​​alle knapper, menuer og vinduer du vælger og erstatter SketchUp Components - dummies

På toppen af ​​alle knapper, menuer og vinduer du vælger og erstatter SketchUp Components - dummies

Kan straks se i fanen Vælg i SketchUp's Components dialogboks, kan du også finde gemte indstillinger gemt væk i en kontekstmenu. Menuen dukker op, når du højreklikker på en In Model-samlingskomponent: Vælg forekomster: Måske har du 15 eksemplarer (kopier) af ...

Sådan sættes dit synsfelt i Google SketchUp 8 - dummies

Sådan sættes dit synsfelt i Google SketchUp 8 - dummies

Synsfelt er hvor meget af din Google SketchUp model du kan se i dit model vindue ad gangen. Forestil dig dit syn som en kegle, med den spidsfulde ende, der peger på dine øjne, og keglen bliver større, da den kommer længere væk fra dig. Alt, der falder indenfor keglen ...

Valg af editor

Sådan oprettes fjernbetjening i bånd på Junos Devices - dummies

Sådan oprettes fjernbetjening i bånd på Junos Devices - dummies

Til fjernbetjening, skal du først bestemme, hvilken grænseflade du vil have som din administrationsgrænseflade. Generelt er forvaltningstrafik ikke overdreven eller endog betydelig, så det er sandsynligvis nok at vælge nogen af ​​de langsommere grænseflader på din router. På de fleste enheder er en Fast Ethernet-forbindelse mere end tilstrækkelig til at håndtere forvaltningstrafik. ...

Sådan opsættes SRX Services Gateway - dummies

Sådan opsættes SRX Services Gateway - dummies

Den mest almindelige måde at konfigurere en nyinstalleret Juniper SRX Services Gateway er ved at bruge RJ-45 seriekonsolporten. Enhver skal faktisk være på enheden for at installere den (fjerninstallation af hardware kan være mulig en dag, men det er langt væk). En anden grund er at adgang via et hvilket som helst af ...