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.
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.
Vastigeblaj Kodaj Segmentoj
Blogger-redaktilo elpensas ĉi tiujn vastigeblajn kodajn segmentojn, kiuj faras la redaktilon aspekti pli pura kaj malpli mallerta.
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.
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.
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.
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"
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.
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.
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.
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.
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
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!
Konservu la ŝablonon kaj refreŝigu vian blogon. Kontrolu ĉu la Naviga Menuo ŝanĝiĝis kaj ĉu ĝi ligas al la ĝusta retadreso.