Hvordan legge TIL CSS I Blogger-Forstå CSS I Blogger

Vil du legge til noen kule effekter på bloggen din som snøfall, 3D-skrifter, neontekster, boksskygger eller du vil ta bloggens design til neste nivå, så er alt du trenger å sette inn få linjer med tilpasset CSS til bloggen din. CSS, hva er det? CSS er Kjent Som Gjennomgripende Stilark som i enkle brukes til å beskrive utseendet på bloggen din eller med andre ord det brukes til å definere HVORDAN HTML-elementer skal vises. Før DU lærer OM CSS, er DET bedre å vite OM HTML. DET er tonnevis av RESSURSER PÅ CSS, og selv en nybegynner kan lett forstå DE grunnleggende elementene I CSS, men å mestre det vil ta mye tid og praktisk kunnskap.

CSS spiller en viktig rolle i beautifying elementer og Alle Blogger maler som standard vil ha sin egen CSS-kode. Når som helst hvis du ønsker å ytterligere forskjønne bloggens design, kan du legge til noen tilpassede CSS. I noen av våre blogger tutorials har vi nevnt våre besøkende til Å legge TIL CSS-koder for eksempel ta en titt på dette innlegget, men de fleste nybegynnere vet ikke hvor DU skal legge TIL CSS. De fleste av dem bare åpne opp sine malfiler, finne ut b: hud koder og på noen måte endelig rotet opp sine malkoder. Blogger lar deg legge til dine egne CSS i mal designer som overstyrer standard CSS-kode for å oppnå tiltalende utseende for bloggen din. Her vil vi vise deg hvordan du setter inn / legger CSS I Blogger.

slik setter DU INN / legger TIL CSS I Blogger-Forstå CSS I Blogger

Før DU legger TIL CSS må DU skrive CSS og før DU kan skrive CSS stilkoden må du finne velgerne som du ønsker å endre stilen. Du kan gjøre bruk av nettlesere utviklerens verktøy for å inspisere elementet, her er vi ikke kommer detaljer om det. For eksempel vet du om h1, h2, h3, h4, h5 og h6 koder generelt og endre disse skriftene kan du legge CSS som dette nedenfor.

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

men hva vil du gjøre for å endre sidelayout, menykategoristil, lenker, skriftfamilie, justering, bakgrunn eller tekstfarge når du ikke kjenner elementklassen. Dette er hvor du må gjøre bruk av nettlesere utviklerens verktøy. Bare høyreklikk på et element og klikk deretter på inspect element der du vil se elementene til venstre og CSS til høyre. Endre CSS-koden og se hvordan endringene resulterer, for eksempel HER ER CSS-koden for menyfanen som du finner den annerledes på malen din.

.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;}

ved å bruke inspect element-verktøyet kan du forhåndsvise CSS-endringene for et hvilket som helst element, og når du får ønsket utseende, ta TAK I CSS-koden og utfør den i bloggen din.

Bruke CSS I Blogger

Det er to måter å implementere CSS I Blogger en er ved å redigere malfilene direkte og den andre enkleste metoden er å bruke alternativet legg TIL CSS I Blogger template designer.

Legg CSS ved Hjelp Av Blogger template designer

Legge CSS her Er den enkleste og sikreste måten som det ikke påvirker kjernen malfiler. Annet enn å legge til tilpasset CSS, Blogger mal designer lar deg enkelt endre bloggen din bakgrunn, justere bredde, layout, skriftstiler, farger, gadget område, bunntekst innhold etc.

• Logg Inn På Blogger-bloggen din, gå Til Maler og klikk deretter på tilpass
• nå vil Du se Blogger template designer-siden med 5 noen alternativer
• Klikk På Avansert alternativ, bla underelementene ned og velg Deretter Legg TIL CSS.
• Neste vil du se et felt til høyre side, og det er her du må legge til din egendefinerte CSS.

Legg til egendefinert CSS-kode ovenfor, se endringene nedenfor og når alt er gjort, klikk på “Bruk på blogg” øverst.

Legge TIL CSS ved å redigere Blogger-malen

DEN andre måten Å bruke CSS på, er ved å redigere KJERNEN CSS direkte eller legge til en egendefinert CSS i malfilen din. Vi foreslår ikke denne metoden for nybegynnere fordi feil bruk kan føre til å bryte malen. Så før du legger CSS ved hjelp av denne metoden sørg for å sikkerhetskopiere; slik sikkerhetskopierer Og gjenoppretter Du Blogger-malen.

• gå Til Mal Og klikk deretter på rediger HTML
• nå vil du se malkodene dine, bare trykk CTRL + F for å søke og deretter søke etter <b:skin>
• Utvid < b: skin> og DU vil se CSS for bloggmalen din vises.

les Også: Hvordan lage en komplett sikkerhetskopi av Blogger blog

Begynn å redigere eksisterende CSS, eller du kan legge til din egendefinerte CSS, men her får du ikke forhåndsvisningsalternativet du får I Blogger template designer. Endelig lagre malen når du er ferdig.

Håper denne artikkelen veiledet deg til Å legge CSS I Blogger. Begynn beautifying bloggen din og for å få flere slike oppdateringer abonnere PÅ VÅRE RSS-feeder.