Marto 25, 2019

Serĉo pri Perfekta Ŝablono: Redaktado de HTML kaj CSS

Supozante, ke vi havas Blogger-Blogon kun ĉiuj bazaj agordoj plenumitaj kaj ankaŭ aldonis mirindan aspektan ŝablonon, ĉu el la defaŭltaj ŝablonoj de Blogger aŭ elŝutis laŭmendan ŝablonon kaj uzis ĝin por via blogo, en ĉi tiu ĉapitro mi instruos vin kiel redakti la ŝablonon, kiun vi uzas en la retejo.

redaktado de html

Elekti la taŭgan ŝablonon por via blogo estas unu el la plej gravaj kaj ankaŭ malfacilaj taskoj. Vi eble ne ŝatos la defaŭltajn ŝablonojn donitajn en Blogger, do vi certe serĉos laŭmendajn ŝablonojn. Vi eble ŝatos la aranĝon de malmultaj ŝablonoj sed ne la kolorojn uzitajn sur ili kaj inverse. Kial tiom grati vian kapon? Mi diras, ke simple elektu la ŝablonon kun bona aranĝo kaj ankaŭ SEO-optimumigita. Redakti la kolorojn kaj malmultajn malgrandajn modifojn en la ŝablono estas multe pli facile! Ĉi tio denove pruvos, kiom simpla laboro en Blogger povas esti.

Mi elektis ATB Blogger ŜablonoKaj por klarigi vin detale pri kiel redakti blogan ŝablonon. Vi povas akiri ĉi tiun Ŝablonon ĉi tie!

ATB-BLOGGER-Ŝablono

Antaŭ ol redakti la kodon HTML aŭ CSS, mi rekomendas al vi elŝuti rezervan dosieron. Do se io misfunkcias, vi povas alŝuti la XML-dosieron kaj restarigi la antaŭan ŝablonon.

Kompreni la Redaktoron

Saltu al Widget

Uzante ĉi tion, vi povas salti al iu ajn fenestraĵo instalita en via blogo. Simple Malfermu Saltu al Fenestraĵa menuo kaj elektu la fenestraĵon, kiun vi volas redakti. Ĉi tio faciligas la laboron, ĉar vi ne bezonas serĉi la tutan kodon por trovi malgrandan fenestraĵon.

salti al fenestraĵo

 

Vastigeblaj Kodaj Segmentoj

Blogger-redaktilo elpensas ĉi tiujn vastigeblajn kodajn segmentojn, kiuj faras la redaktilon aspekti pli pura kaj malpli mallerta.

vastigeblaj-kodaj segmentoj

Antaŭrigardo-Ŝablono

Vi povas antaŭrigardi la ŝablonon en la sama fenestro uzante ĉi tiun opcion. Per ĉi tio vi povas certigi ĉu vi faras la ĝustan redaktadon aŭ ne.

antaŭvido-ŝablono

Formata Ŝablono

Kiel vi povas vidi la kodon unuafoje, povas esti koŝmaro redakti ŝablonon tiel. Klako de Formata Ŝablono indentigos vian kodon en la plej homa legebla formo, kiel oni vidas en la suba bildo.

formato-ŝablono

Noto: Por tre modifita ŝablono ĉi tio povus kaŭzi iujn problemojn, do Antaŭrigardi antaŭ ol konservi iujn ŝanĝojn.

Paŝoj por Redakti Defaŭltan aŭ Propran Ŝablonon en Blogger:

Paŝo 1: Malfermu Blogger

Malfermu Blogger.com kaj ensalutu al via konto. Elektu la blogon, pri kiu vi laboras, kaj malfermu la Instrumentpanelon.

bloga panelo

Paŝo 2: Redaktu HTML

Post kiam vi estas en la Panelo, vi devas navigi al "Ŝablono" kaj alklaki ĝin. Vi trovos du eblojn, "Agordi" kaj "Redakti HTML". Alklaku "Redakti HTML"

ŝablono

Paŝo 3: Kontrolu kie vi volas redakti

Ĉiuj retumiloj havas funkcion nomatan "Inspekti Elementon", kiu diros al vi diversajn funkciojn de la elektita elemento, kiel HTML-kodo, CSS-kodo ktp.

inspekti-elementon

Se vi volas scii la adreson, koloron, kompletigon, tiparon ktp de iu elemento, vi nur bezonas dekstre alklaki ĝin kaj elekti Inspekti Elementon. En la malgranda fenestro ĉe la fundo de la retumilo, vi povas trovi la ahrefojn, stilojn, reton, fontojn kaj aliajn informojn. Vi uzos iun ajn el ĉi tiuj, kaj redaktos la ŝablonon tiel, kiel vi volas.

Paŝo 4: Ŝanĝi la Koloron; Redaktado de CSS

Redakti CSS estas tre facila se vi kapablas kompreni ĝin. Baza kodado, kiu inkluzivas la specon de funkcio, kompletigo, tiparo, koloro, fono ktp, povas esti ŝanĝita post kiam vi povos identigi la lokon de tio, kion vi ŝanĝos kaj kie ĝi realigos la ŝablonon.

Kiel menciite en la supra paŝo, Inspekti elemento ludas gravan rolon farante ĉi tion. Vi nur bezonas simple akiri la kursoron sur la elementon, kiun vi volas redakti, kaj alklaki inspekti elementon.

css-redaktado

Malsupre dekstre fenestro vi povos vidi la kolorojn, fonojn, remburadon, randojn, tiparajn stilojn, ŝvebi kolorojn ktp. Ŝanĝu la respektivajn ecojn de la elektita elemento kaj kontrolu ĉu ĝi taŭgas por via ŝablono.

Se vi ŝatas la manieron ŝanĝi la ŝablonon, iru Redakti HTML-fenestron kaj premu "Stir + F". Algluu la elementan stilon aŭ ion rilatan al la elektita elemento kaj premu ENTER ĝis vi trovos la ĝustan lokon de ĝi.

redakti-en-html

Post kiam vi trovos ĝin, faru la deziratajn ŝanĝojn kaj Konservu la ŝablonon. Refreŝigu vian blogon kaj kontrolu ĉu la ŝanĝoj estas efektivigitaj aŭ ne.

css-redaktado1

Noto: Se vi eraras dum redaktado de HTML-kodoj, alŝutu la rezervan dosieron, kiun vi elŝutis antaŭe aŭ simple uzu Ctrl + Z por malfari la ŝanĝojn.

Paŝo 4: Ŝanĝi la Navigan Menuon

En la antaŭa paŝo, vi lernis kiel redakti la CSS-kodon en Blogger. Nun supozu, ke la tuta redaktado finiĝis kaj via ŝablono aspektas mirinde. Sed vi devas ŝanĝi la ligojn en la Naviga Stango kaj en Kaplinio kaj Piedo.

Ekzemple, ni ŝanĝu la langeton "SEO" en la Naviga Menuo al "Blogado". Iru al la fenestro Redakti HTML kaj premu Ctrl + F. En la skatolo, serĉu SEO kaj premu ENTER ĝis vi trovos la ĝustan lokon de la vorto en la Nav-menuo.

Vi trovos kodon kiel


SEO

Ŝanĝanta-nav-menuo

Simple anstataŭigu "https://www.alltechbuzz.net/search/label/GOOGLE%2FSEO" per kiu ajn ligilo vi volas navigi. Kaj ankaŭ anstataŭigu "SEO" per "Blogado". Jen ĝi!redaktado-html

Konservu la ŝablonon kaj refreŝigu vian blogon. Kontrolu ĉu la Naviga Menuo ŝanĝiĝis kaj ĉu ĝi ligas al la ĝusta retadreso.

 

Pri la aŭtoro 

Imran Uddin


{"email": "Retpoŝta adreso nevalida", "url": "Reteja adreso nevalida", "required": "Bezonata kampo mankas"}