CSS toevoegen in Blogger-CSS begrijpen in Blogger

wilt u een aantal coole effecten toe te voegen aan uw blog, zoals sneeuwval, 3D-lettertypen, Neon teksten, Box schaduwen of u wilt het ontwerp van uw blog naar het volgende niveau, dan alles wat je nodig hebt is om enkele regels van aangepaste CSS invoegen om uw blog. CSS, Wat is er? CSS staat bekend als Cascading Style Sheet die in eenvoudige gebruikt om de look en feel van uw blog te beschrijven of met andere woorden het wordt gebruikt om te bepalen hoe HTML-elementen moeten worden weergegeven. Voordat je leert over CSS is het beter om te weten over HTML. Er zijn tonnen van middelen op CSS en zelfs een beginner kan gemakkelijk begrijpen de basiselementen van CSS, maar het beheersen van het zal veel tijd en praktische kennis te nemen.

CSS speelt een belangrijke rol bij het verfraaien van elementen en alle Bloggersjablonen hebben standaard hun eigen CSS-code. Op elk gewenst moment als u wilt verder verfraaien van uw blog ontwerp dan kunt u een aantal aangepaste CSS toe te voegen. In enkele van onze Blogger tutorials hebben we onze bezoekers vermeld om CSS-codes toe te voegen bijvoorbeeld neem een kijkje op deze post, maar de meeste van de beginners weten niet waar de CSS toe te voegen. De meesten van hen openen gewoon hun template bestanden, vinden de B:skin tags en op een of andere manier uiteindelijk verknoeien hun template codes. Blogger kunt u uw eigen aangepaste CSS toe te voegen in template designer die de standaard CSS-code overschrijft om de aantrekkelijke look voor uw blog te bereiken. Hier laten we u zien hoe u CSS invoegt / toevoegt in Blogger.

CSS invoegen / toevoegen in Blogger-CSS begrijpen in Blogger

voordat u CSS toevoegt, moet u CSS schrijven en voordat u de CSS-stijlcode kunt schrijven, moet u de selectors vinden waarvoor u de stijl wilt wijzigen. U kunt gebruik maken van de tools van uw browsers ontwikkelaar te maken om het element te inspecteren, hier zijn we niet gaan detail over dat. U kent bijvoorbeeld de tags h1, h2, h3, h4, h5 en h6 in het algemeen en om deze lettertypen te wijzigen kunt u CSS toevoegen zoals hieronder.

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

maar wat doet u voor het wijzigen van de pagina-indeling, de stijl van het menu-tabblad, Koppelingen, lettertypefamilie, uitlijning, achtergrond of tekstkleur als u de elementklasse niet kent. Dit is waar je moet gebruik maken van uw browsers ontwikkelaars tool te maken. Klik met de rechtermuisknop op een element en klik vervolgens op inspecteer element waar u de elementen aan uw linkerhand en CSS aan uw rechterhand ziet. Wijzig de CSS code en zie hoe de veranderingen resultaten, bijvoorbeeld hier is de CSS code voor menu tab die u vindt het anders op uw template.

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

met behulp van de inspecteer element tool kunt u een voorbeeld van de CSS wijzigingen voor elk element en wanneer u de gewenste look pak de CSS code en voer het uit in uw blog.

CSS toepassen in Blogger

er zijn twee manieren om CSS te implementeren in Blogger. Eén is door de template bestanden direct te bewerken en de andere makkelijkste methode is het gebruik van de optie CSS toevoegen in Blogger template designer.

voeg CSS toe met behulp van Blogger template designer

CSS toevoegen hier is de makkelijkste en veiligste manier omdat het geen invloed heeft op uw kern template bestanden. Anders dan het toevoegen van aangepaste CSS, Blogger template designer kunt u eenvoudig uw blog achtergrond te veranderen, het aanpassen van de breedte, lay-out, lettertypestijlen, kleuren, gadget gebied, voettekst inhoud etc.

• Log in op uw Blogger blog, ga naar sjablonen en klik vervolgens op Aanpassen
• nu ziet u de Blogger template designer pagina met 5 enkele opties
• klik op Geavanceerde optie, scroll de subitems naar beneden en kies CSS toevoegen.
• vervolgens ziet u een veld aan uw rechterkant en dit is waar u uw aangepaste CSS moet toevoegen.

voeg de CSS-code hierboven toe, zie de wijzigingen hieronder en wanneer alles klaar is, klik op “Toepassen op blog” bovenaan.

CSS toevoegen door uw Bloggersjabloon te bewerken

de andere manier om CSS toe te passen is door rechtstreeks de core CSS te bewerken of een aangepaste CSS toe te voegen aan uw sjabloonbestand. We raden deze methode niet aan voor beginners, omdat onjuist gebruik kan leiden tot het breken van uw sjabloon. Dus voordat u CSS met behulp van deze methode toe te voegen Zorg ervoor dat back-up; hier is hoe u een backup en herstel Blogger template.

• in uw Blogger dashboard, ga naar sjabloon en klik vervolgens op bewerken HTML
• nu ziet u uw sjablooncodes, druk op CTRL + F om te zoeken en vervolgens te zoeken naar <B:skin>
• vouw de <b:skin> uit en u ziet de CSS voor uw blog template verschijnt.

lees ook: Hoe maak je een volledige back-up van Blogger blog

begin met het bewerken van de bestaande CSS of u kunt uw aangepaste CSS toevoegen, maar hier krijg je niet de preview-optie die je krijgt in Blogger template designer. Sla tenslotte uw sjabloon op als u klaar bent.

hoop dat dit artikel u heeft geleid om CSS toe te voegen in Blogger. Begin uw blog te verfraaien en om meer van dergelijke updates te krijgen, abonneer u op onze RSS-feeds.