Kaip įdiegti „Post Dividers“ „Blogger“

Jei „Blogger“ svetainėje yra keli įrašai, apsvarstykite galimybę įrengti daliklius tarp kiekvieno įrašo, kad jūsų tinklaraštis taptų labiau patrauklus. Kiekvieno įrašo apačioje rodomi įrašų skirstytuvai, ir jie atskiria jūsų istorijas, kad padėtų lankytojams atskirti kiekvieną. „Blogger“ suteikia galimybę redaguoti savo svetainės „Cascading Style Sheets“ (CSS) kodą, kuris leidžia jums sukurti taisyklę, kuri atliktų šią užduotį.

1.

Prisijunkite prie „Blogger“ paskyros ir spustelėkite nuorodą „išdėstymas“. Spustelėkite „Redaguoti HTML“, kad pasiektumėte teksto laukelį, kuriame yra jūsų tinklaraščio kodas.

2.

Paspauskite klaviatūros klavišus „Valdymas“ ir „F“ vienu metu, kad pamatytumėte paieškos laukelį. Ieškos lauko teksto lauke įveskite „.post-footer“ ir paspauskite mygtuką „Enter“, kad pažymėtumėte šį CSS stilių.

3.

Pažvelkite į esamą kodą .post-footer taisyklėje, kad pamatytumėte, ar jame yra paraštės ir užpildymo įrašų tarp garbanotųjų skliaustų. Jei ne, įveskite „marža:;“ ir "pamušalas:;" viduje skliausteliuose, ir laikykitės šių atributų norimų skaičių reikšmių pikseliais (px). Iliustruoti:

.post-footer {margin: 50px; paminkštinimas: 50px; }

4.

Įrašykite "krašto apačioje:;" sukurti atributą, kuris stiliaus skelbimo daliklius jūsų puslapyje. Įveskite skaičių reikšmę pikseliuose, eilutės stilių, pvz., „Punktyrą“, ir HTML spalvos vertę po tokio požymio:

.post-footer {apačioje: 3px punktyras #cccccc; }

5.

Spustelėkite mygtuką „Peržiūra“, kad pamatytumėte naujus skelbimų skirstytuvus. Jei reikia, redaguokite ir spustelėkite mygtuką „Išsaugoti pakeitimus“, kad paskelbtumėte savo darbą.

Patarimai

  • Atributo atributas nurodo baltos erdvės kiekį, kuris atsiranda už skirstytuvo ribos, ir pagalvėlė nustato, kiek erdvės yra išstumtos nuo faktinės linijos.
  • Atskirkite kiekvieną CSS atributą skliausteliuose su kabliataškiu. Pavyzdžiui:
  • .post-footer {margin: 50px; paminkštinimas: 50px; apačioje: 3px punktyras #cccccc; }

Rekomenduojama