Prilagodite odjeljak zaglavlja bloga Blogger.com

Travanj 24, 2024

U posljednjem vodiču prilagodili smo odjeljak Veze za vaš Blogger^TM blog. Sada ćemo prilagoditi odjeljak Header na vrhu bloga. Zaglavlje sadrži naslov i opis bloga. Izmijenit ćemo tekst ili font teksta i dodati obojenu pozadinu.

Kao i u prošlom vodiču, ova poboljšanja izvršit ćemo mijenjanjem nekoliko redaka HTML koda predloška. Kliknite karticu Predložak na izborniku na vrhu stranice koji će vas odvesti do odjeljka Uređivanje trenutnog predloška. HTML kôd za predložak pronaći ćete u donjem okviru. Izvršit ćemo nekoliko izmjena u CSS kodu stila. (Da biste saznali više o kaskadnim tablicama stilova, slijedite donju vezu.) Pomaknite se prema dolje dok ne dođete do odjeljka Zaglavlje unutar CSS oznake stila. Kao što vidite, oznaka stila vrlo je dugačka, a odjeljak Zaglavlje oznake stila ima šest dijelova.

@media svi
@media ručni
#Naslov bloga
# naslov bloga a
# naslov bloga a: lebdeći pokazivač
#opis

Prvi dio koda (@media all) kontrolira karakteristike zaglavlja, uključujući širinu, rub i veličinu obruba. Drugi dio (@media ručni) nasljeđuje ove karakteristike iz prvog dijela i također mijenja širinu zaglavlja na 90 posto za ručne monitore. Budući da želimo da se nova boja pozadine koristi u oba slučaja, u prvom ćemo dijelu dodati liniju koda za boju pozadine (@media all). Ova nova linija koda ispod je podebljana. U primjeru u nastavku upotrijebili smo svijetlosivu boju, ali slobodno upotrijebite bilo koju boju koju želite.

@media sve {
#Zaglavlje {
boja pozadine: # EFE3EF;
...
Dalje ćemo promijeniti slovo slova za naslov u popularni, casual stilski font pod nazivom Comic Sans MS. Naravno, slobodni ste koristiti bilo koji font koji želite. Sljedeća tri dijela CSS koda predloška (# blog-title, # blog-title a, # blog-title a: lebdeći pokazivač) kontroliraju karakteristike naslova bloga. Prvi dio kontrolira opće karakteristike, a druga dva dijela kontroliraju izgled teksta kada funkcionira kao hiperveza. Za postavljanje slova ili fonta naslova za sve instance, prvom dijelu (# blog-title) dodat ćemo CSS kôd za obitelj fontova. Budući da naziv našeg slova sadrži razmake, oni će se također trebati staviti unutar navodnika ("comic sans ms").

#Naslov bloga {
obitelj fontova: "comic sans ms";
...
Napokon ćemo raditi na CSS kodu za opis vašeg bloga (#description). Ovo je posljednji dio izvorne šestorke. Kao što možete vidjeti dolje, sav CSS kôd koji kontrolira značajke fonta za tekst opisa naveden je zajedno u jednom retku. Sve što trebamo učiniti je dodati "comic sans ms" na prednjoj strani popisa fontova koji će učiniti Comic Sans MS zadanim fontom za opisni tekst.

#description {
...
slova: 78% / 1.4em "comic sans ms", "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif;
...
}

Kada završite, kliknite gumb Pretpregled za pregled promjena, a zatim zatvorite prozor preglednika da biste se vratili na prethodnu web stranicu. Kliknite gumb Spremi izmjene predloška. Kad vidite potvrdnu poruku koja pokazuje da su promjene spremljene, kliknite gumb Objavi. Da biste provjerili je li vaš blog ažuriran, kliknite karticu Prikaži blog na izborniku pri vrhu stranice. Možda ćete trebati osvježiti web stranicu svog bloga da biste vidjeli promjene.

Snimke zaslona prepisane su uz dopuštenje tvrtke Google Inc. Google^TM, Blogger^TM i BlogSpot^TM su ili registrirani zaštitni znaci ili zaštitni znakovi tvrtke Google Inc. u Sjedinjenim Državama i / ili drugim zemljama.

Upute Video: Introducing new and improved AdSense Auto ads (Travanj 2024).

Prilagodite odjeljak zaglavlja bloga Blogger.com, HTML, promijenite naslov i opis bloga Blogger, promijenite tipkovnicu za Blogger predložak, dodajte obojenu pozadinu u Blogger predložak, promijenite CSS kôd za Blogger predložak, dodajte CSS kôd u Blogger predložak , Font predloška Blogger, obitelj fontova predloška Blogger, oznake stilova CSS

Prethodni Članak

Sljedeći Članak

Vezani Članci

računala

Logitech igraće slušalice G330

Travanj 2024

Logitech Gaming Headset G330 slušalice su podesive iza uha s rotirajućim ušnim jastucima i okretnim mikrofonom. Nudi USB i USB priključak za mikrofon. Za ljude koji obično koriste slušalice preko...

računala

HTML obrazac - Oznaka skrivenog unosa - II

Travanj 2024

U prvom dijelu ovog vodiča razmotrili smo oznaku HTML obrasca koja se zove skrivena ulazna oznaka. Sada, pogledajmo kôd.vrijednost = "WishList.html">< Držač lijevog kutaulazniNaziv elementatip...