Personalizați secțiunea antet a blogului dvs. Blogger.com

Mai 17, 2024

În ultimul tutorial, am personalizat secțiunea Linkuri pentru Blogger^TM weblog. Acum, vom personaliza secțiunea Antet din partea de sus a blogului. Antetul conține titlul și descrierea blogului tău. Vom modifica tipografia sau fontul pentru text și vom adăuga un fundal colorat.

La fel ca în ultimul tutorial, vom face aceste îmbunătățiri modificând câteva linii ale codului HTML al șablonului. Faceți clic pe fila Șabloane din meniul din partea de sus a paginii care vă va duce la secțiunea Modificați șabloanele curente. În caseta de mai jos veți găsi codul HTML pentru șablon. Vom face câteva modificări la codul de stil CSS. (Pentru a afla mai multe despre foile de stil în cascadă, urmați linkul de mai jos.) Derulați în jos codul până ajungeți în secțiunea Antet din eticheta de stil CSS. După cum puteți vedea, eticheta de stil este foarte lungă, iar secțiunea Antet din eticheta de stil are șase părți.

@media tot
@media handheld
#Titlu de Blog
# blog-title a
# blog-title a: hover
#Descriere

Prima parte a codului (@media all) controlează caracteristicile antetului, inclusiv lățimea, marja și dimensiunea bordurii. A doua parte (@media handheld) moștenește aceste caracteristici din prima parte și modifică, de asemenea, lățimea antetului la 90% pentru monitoarele de mână. Deoarece dorim ca noua culoare de fundal folosită în ambele cazuri, vom adăuga o linie de cod pentru culoarea de fundal în prima parte (@media all). Această nouă linie de cod este în negru mai jos. În exemplul de mai jos, am folosit o culoare gri deschis, dar nu ezitați să folosiți orice culoare doriți.

@media all {
#antet {
culoare de fundal: # EFE3EF;
...
În continuare, vom schimba tipografia pentru titlu în fontul popular, casual, numit Comic Sans MS. Desigur, sunteți liber să folosiți orice font doriți. Următoarele trei părți ale codului CSS al șablonului (# blog-title, # blog-title a, # blog-title a: hover) controlează caracteristicile pentru titlul blogului. Prima parte controlează caracteristicile generale, iar celelalte două părți controlează aspectul textului atunci când acesta funcționează ca un hyperlink. Pentru a seta tipografia sau fontul titlului, pentru toate instanțele, vom adăuga codul CSS pentru familia de fonturi la prima parte (# blog-title). Deoarece numele fontului nostru conține spații, va trebui să fie plasat și în ghilimele („comic sans ms”).

#Titlu de Blog {
font-family: „comic sans ms”;
...
În final, vom lucra la codul CSS pentru descrierea blogului dvs. (#descriere). Aceasta este ultima parte din cele șase originale. După cum puteți vedea mai jos, tot codul CSS care controlează caracteristicile fontului pentru textul de descriere este listat împreună pe o singură linie. Tot ce trebuie să facem este să adăugăm „comic sans ms” în partea din față a listei de fonturi care va face din Comic Sans MS fontul implicit pentru textul de descriere.

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

După ce ați terminat, faceți clic pe butonul Previzualizare pentru a previzualiza modificările și apoi închideți fereastra browserului pentru a reveni la pagina web anterioară. Faceți clic pe butonul Salvați modificările modelului. Când vedeți mesajul de confirmare care indică faptul că modificările au fost salvate, faceți clic pe butonul Republica. Pentru a verifica dacă blogul dvs. a fost actualizat, faceți clic pe fila Vizualizați blogul din meniul din partea de sus a paginii. Este posibil să fie nevoie să reîmprospătați pagina dvs. de blog pentru a vedea modificările.

Fotografii de ecran reeditate cu permisiunea Google Inc. Google^TM, Blogger^TM și BlogSpot^TM sunt fie mărci comerciale înregistrate, fie mărci comerciale ale Google Inc. în Statele Unite și / sau în alte țări.

Instrucțiuni Video,: Introducing new and improved AdSense Auto ads (Mai 2024).

Personalizați secțiunea antet a blogului dvs. Blogger.com, HTML, modificați titlul și descrierea blogului dvs. Blogger, schimbați tipografia pentru șablonul Blogger, adăugați un fundal colorat la șablonul Blogger, schimbați codul CSS pentru șablonul Blogger, adăugați cod CSS în șablonul Blogger , Fontă șablon Blogger, familie de fonturi șablon Blogger, etichete stil CSS

Articolul Precedent

Articolul Următor

Articole Similare

calculatoare

SingStar Pop PS2

Mai 2024

SingStar Pop pentru PS2 vă permite să alegeți dintre peste 30 de melodii pop diferite și să cântați împreună cu videoclipurile muzicale. Videoclipurile sunt cele care fac acest lucru în afară de...

calculatoare

Alien Hominid - Flash la PS2

Mai 2024

Jocul Hominid a fost inițial un joc flash pe web, care a dezvoltat o următoare loială. Acum a devenit un joc complet PS2! Jocul este genial. Sunteți un extraterestru spațial galben cu două antene,...