Sådan tilføjes CSS i Blogger-forståelse af CSS i Blogger

vil du tilføje nogle seje effekter til din blog som snefald, 3D-skrifttyper, neontekster, boksskygger, eller du vil tage din blogs design til det næste niveau, så er alt hvad du behøver at indsætte få linjer med brugerdefineret CSS til din blog. CSS, hvad er det? CSS er kendt som Cascading Style Sheet, som i simpel bruges til at beskrive udseendet og fornemmelsen af din blog eller med andre ord det bruges til at definere, hvordan HTML-elementer skal vises. Før du lærer om CSS, er det bedre at vide om HTML. Der er masser af ressourcer på CSS, og selv en nybegynder kan let forstå de grundlæggende elementer i CSS, men at mestre det vil tage masser af tid og praktisk viden.

CSS spiller en meget vigtig rolle i forskønne elementer og alle Blogger skabeloner som standard vil have deres egen CSS kode. Når som helst, hvis du ønsker at forskønne din blogs design yderligere, kan du tilføje nogle brugerdefinerede CSS. I få af vores blogger-tutorials har vi nævnt vores besøgende for at tilføje CSS-koder for eksempel se på dette indlæg, men de fleste begyndere ved ikke, hvor de skal tilføje CSS. De fleste af dem åbner simpelthen deres skabelonfiler, finder ud af b:skin tags og på en eller anden måde ødelægger deres skabelonkoder. Blogger giver dig mulighed for at tilføje din egen brugerdefinerede CSS i template designer, der tilsidesætter standard CSS-koden for at opnå det tiltalende udseende til din blog. Her viser vi dig, hvordan du indsætter / tilføjer CSS i Blogger.

Sådan indsættes / tilføjes CSS i Blogger-forståelse af CSS i Blogger

før du tilføjer CSS, skal du skrive CSS, og inden du kan skrive CSS-stilkoden, skal du finde de vælgere, som du ønsker at ændre stilen for. Du kan gøre brug af din udvikler værktøjer til at inspicere elementet, her går vi ikke detaljer om det. For eksempel ved du om H1, h2, h3, h4, h5 og h6 tags generelt og for at ændre disse skrifttyper kan du tilføje CSS som dette nedenfor.

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

men hvad vil du gøre for at ændre sidelayout, menufanestil, links, skrifttypefamilie, justering, baggrund eller tekstfarve, når du ikke kender elementklassen. Det er her, du skal gøre brug af dine udvikleres værktøj. Bare højreklik på et element, og klik derefter på Undersøg element, hvor du vil se elementerne til venstre og CSS til højre. Ændre CSS-koden og se, hvordan ændringerne resulterer, for eksempel her er CSS-koden til menufanen, som du finder den anderledes på din skabelon.

.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 at bruge værktøjet inspicer element kan du forhåndsvise CSS-ændringerne for ethvert element, og når du får det ønskede udseende, tag CSS-koden og udfør den i din blog.

anvendelse af CSS i Blogger

der er to måder at implementere CSS i Blogger den ene er ved at redigere skabelonfilerne direkte, og den anden nemmeste metode er at bruge indstillingen Tilføj CSS i Blogger template designer.

Tilføj CSS ved hjælp af Blogger template designer

tilføjelse af CSS her er den nemmeste og sikreste måde, da det ikke påvirker dine kerneskabelonfiler. Bortset fra at tilføje brugerdefineret CSS giver Blogger template designer dig mulighed for nemt at ændre din blogbaggrund, justere bredden, layoutet, skrifttypestile, farver, gadgetområde, sidefodindhold osv.

• Log ind på din Blogger blog, gå til skabeloner og klik derefter på Tilpas
• nu vil du se Blogger template designer side med 5 nogle muligheder
• Klik på Avanceret indstilling, rul underelementerne ned og vælg derefter Tilføj CSS.
• næste vil du se et felt til din højre side, og det er her du skal tilføje din brugerdefinerede CSS.

tilføj den brugerdefinerede CSS-kode ovenfor, se ændringerne nedenfor, og når alt er gjort, skal du klikke på “Anvend på blog” øverst.

tilføjelse af CSS ved at redigere din Blogger-skabelon

den anden måde at anvende CSS på er ved direkte at redigere kernen CSS eller tilføje en brugerdefineret CSS til din skabelonfil. Vi foreslår ikke denne metode for begyndere, fordi forkert brug kan føre til at bryde din skabelon. Så før du tilføjer CSS ved hjælp af denne metode, skal du sørge for at sikkerhedskopiere; Sådan sikkerhedskopieres og gendannes Blogger-skabelon.

• i dit Blogger-dashboard skal du gå til skabelon og derefter klikke på Rediger HTML
• nu vil du se dine skabelonkoder, bare tryk på CTRL + F for at søge og derefter søge efter< b:skin >
• Udvid< B:skin > og du vil se CSS for din blogskabelon vises.

Læs også: Sådan laver du en komplet sikkerhedskopi af Blogger blog

begynd at redigere den eksisterende CSS, eller du kan tilføje din brugerdefinerede CSS, men her får du ikke forhåndsvisningsmuligheden, som du får i Blogger template designer. Gem endelig din skabelon, når du er færdig.

håber denne artikel guidede dig til at tilføje CSS i Blogger. Start forskønne din blog og for at få flere sådanne opdateringer abonnere på vores RSS-feeds.