Hur man lägger till CSS I Blogger-förstå CSS I Blogger

vill du lägga till några coola effekter på din blogg som snöfall, 3D-teckensnitt, neontexter, boxskuggor eller om du vill ta din bloggs design till nästa nivå, så behöver du bara infoga några rader med anpassad CSS till din blogg. CSS, vad är det? CSS är känt som Cascading Style Sheet som enkelt används för att beskriva utseendet på din blogg eller med andra ord används för att definiera hur HTML-element ska visas. Innan du lär dig om CSS är det bättre att veta om HTML. Det finns massor av resurser på CSS och även en nybörjare kan lätt förstå de grundläggande elementen i CSS, men mastering det kommer att ta mycket tid och praktisk kunskap.

CSS spelar en viktig roll för att försköna element och alla Blogger-mallar har som standard sin egen CSS-kod. När som helst om du vill ytterligare försköna din blogg design kan du lägga till några anpassade CSS. I några av våra blogger tutorials har vi nämnt våra besökare att lägga till CSS-koder till exempel ta en titt på det här inlägget, men de flesta nybörjare vet inte var man ska lägga till CSS. De flesta av dem helt enkelt öppna upp sina mallfiler, ta reda på b:skin taggar och på något sätt slutligen förstöra deras mallkoder. Blogger kan du lägga till dina egna CSS i Mall designer som åsidosätter standard CSS-kod för att uppnå tilltalande utseende för din blogg. Här visar vi dig hur du sätter in / lägger till CSS I Blogger.

så här sätter du in / lägger till CSS I Blogger-förstå CSS I Blogger

innan du lägger till CSS måste du skriva CSS och innan du kan skriva CSS-stilkoden måste du hitta de väljare som du vill ändra stilen för. Du kan använda din webbläsare utvecklarens verktyg för att inspektera elementet, här kommer vi inte detalj om det. Till exempel vet du om h1, h2, h3, h4, h5 och h6-taggar i allmänhet och för att ändra dessa teckensnitt kan du lägga till CSS Så här nedan.

h1 {font-family: "Times New Roman", Times, serif;font-size: 15px;font-weight: bold;color: rgb(56, 77, 187)}

men vad ska du göra för att ändra sidlayout, menyflik stil, länkar, teckensnittsfamilj, justering, bakgrund eller textfärg när du inte känner till elementklassen. Det är där du måste använda din webbläsare utvecklarens verktyg. Högerklicka bara på ett element och klicka sedan på Inspektera element där du kommer att se elementen till vänster och CSS till höger. Ändra CSS-koden och se hur ändringarna resulterar, till exempel här är CSS-koden för menyfliken som du hittar det annorlunda på din mall.

.tabs-inner .widget li a:hover {color: #fff;background-color: #FF9900;text-decoration: underline;display: inline-block;padding: .6em 1em;font: normal normal 15px 'Trebuchet MS', Trebuchet, Verdana, sans-serif;border-left: 1px solid #ffffff;border-right: 1px solid #dddddd;}

genom att använda verktyget Inspektera element kan du förhandsgranska CSS-ändringarna för alla element och när du får önskat utseende ta tag i CSS-koden och kör den i din blogg.

tillämpa CSS I Blogger

det finns två sätt att implementera CSS I Blogger.

Lägg till CSS med Blogger template designer

att lägga till CSS här är det enklaste och säkraste sättet eftersom det inte påverkar dina kärnmallfiler. Annat än att lägga till anpassade CSS, Blogger Mall designer kan du enkelt ändra din blogg bakgrund, justera bredd, layout, typsnitt, färger, gadget område, sidfot innehåll etc.

• logga in på din Blogger-blogg, gå till mallar och klicka sedan på Anpassa
• nu ser du Blogger template designer-sidan med 5 några alternativ
• klicka på Avancerat alternativ, bläddra underobjekten ner och välj sedan Lägg till CSS.
• nästa kommer du att se ett fält till höger och det är här du måste lägga till din anpassade CSS.

Lägg till den anpassade CSS-koden ovan, se ändringarna nedan och när allt är klart klickar du på “Apply to blog” högst upp.

lägga till CSS genom att redigera din Blogger-Mall

det andra sättet att tillämpa CSS är genom att direkt redigera kärnan CSS eller lägga till en anpassad CSS i din mallfil. Vi föreslår inte denna metod för nybörjare eftersom felaktig användning kan leda till att bryta din mall. Så innan du lägger till CSS med den här metoden, se till att säkerhetskopiera; så här säkerhetskopierar och återställer du Blogger-mallen.

• i din Blogger-instrumentpanel, gå till Mall och klicka sedan på Redigera HTML
• nu ser du dina mallkoder, tryck bara på CTRL + F för att söka och sök sedan efter <b:skin>
• expandera <b:skin> och du kommer att se CSS för din bloggmall visas.

Läs också: Hur man gör en fullständig säkerhetskopia av Blogger blog

börja redigera den befintliga CSS eller du kan lägga till din anpassade CSS, men här får du inte förhandsgranskningsalternativet som du får i Blogger template designer. Slutligen spara din mall när du är klar.

hoppas att den här artikeln guidade dig att lägga till CSS I Blogger. Börja försköna din blogg och för att få fler sådana uppdateringar prenumerera på våra RSS-flöden.