Marzu 25, 2019

Tiftixa għal Mudell Perfect: Editjar ta 'HTML u CSS

Jekk wieħed jassumi li għandek Blogger Blog bis-settings bażiċi kollha li saru u żidt ukoll mudell ta 'dehra mill-isbaħ, jew mill-mudelli default ta' Blogger jew iniżżilt mudell personalizzat u użajtha għall-blog tiegħek, f'dan il-kapitlu se ngħallmek kif biex teditja l-mudell li qed tuża fuq is-sit.

editjar html

L-għażla tal-mudell adattat għall-blog tiegħek hija waħda mill-aktar kompiti importanti u diffiċli wkoll li tagħmel. Jista 'jkun li ma tħobbx il-mudelli default mogħtija fil-Blogger, allura żgur li tfittex mudelli tad-dwana. Inti tista 'tħobb it-tqassim ta' ftit mudelli imma mhux il-kuluri użati fuqhom u viċi versa. Għaliex tobrox rasek tant? Jien ngħid biss agħżel il-mudell bi tqassim tajjeb u wkoll ottimizzat għas-SEO. L-editjar tal-kuluri u ftit modifiki żgħar fuq il-mudell huwa ħafna aktar faċli! Dan jerġa 'juri kemm jista' jkun sempliċi xogħol fuq Blogger.

Jien għażilt ATB Blogger Template biex tispjegalek fid-dettall dwar kif teditja mudell ta 'blogger. Tista 'tikseb dan il-Mudell hawn!

MUDELL TAL-BLOGGER ATB

Qabel ma teditja l-kodiċi HTML jew CSS, nirrakkomandalek li tniżżel backup file. Allura li jekk xi ħaġa tmur ħażin, tista 'ttella' l-fajl xml u tirrestawra l-mudell preċedenti.

Nifhmu l-Editur

Aqbeż għal Widget

Meta tuża dan tista 'taqbeż għal kwalunkwe widget li installajt fuq il-blog tiegħek. Iftaħ Just Aqbeż għal Widget ”Dropdown u agħżel il-widget li trid teditja. Dan jagħmilha faċli, għax m'għandekx tfittex il-kodiċi kollu biex issib widget żgħir.

aqbeż għal widget

 

Segmenti tal-Kodiċi Espandibbli

L-Editur tal-Blogger joħroġ b'dan is-segmenti tal-kodiċi espansibbli li jagħmlu lill-editur jidher aktar nadif u inqas goff.

segmenti tal-kodiċi espansibbli

Preview Template

Tista 'tipprevedi l-mudell fl-istess tieqa billi tuża din l-għażla. Bl-użu ta 'dan tista' tkun ċert jekk hux qed tagħmel it-tip it-tajjeb ta 'editjar jew le.

preview-template

Mudell tal-Format

Kif tistgħu taraw il-kodiċi l-ewwel darba, jista 'jkun ħmarillejl li teditja Mudell bħal dak. Ikklikkja fuq Format Template tiddaħħal il-kodiċi tiegħek fl-iktar forma li tinqara mill-bniedem kif jidher fl-istampa hawn taħt.

format-mudell

Nota: Għal mudell immodifikat ħafna dan jista 'jikkawża xi problemi, għalhekk Preview qabel ma ssalva kwalunkwe bidla.

Passi biex Teditja Mudell Default jew Custom fuq Blogger:

Pass 1: Iftaħ Blogger

Iftaħ Blogger.com u illoggja fil-kont tiegħek. Agħżel il-blog li qed taħdem fuqu u iftaħ id-Dashboard.

daxxbord tal-blogger

Pass 2: Editja HTML

Ladarba tkun fuq id-Dashboard, għandek bżonn tinnaviga lejn "Template" u kklikkja fuqu. Issib żewġ għażliet, "Customize" u "Edit HTML". Ikklikkja fuq "Edit HTML"

template

Pass 3: Iċċekkja fejn trid teditja

Il-browsers kollha jiġu b'karatteristika msejħa "Spezzjona Element" li jgħidlek diversi karatteristiċi tal-element li għażilt, bħal kodiċi HTML, kodiċi CSS eċċ.

jispezzjona-element

Jekk trid tkun taf l-indirizz, il-kulur, l-ikkuttunar, it-tipa eċċ ta 'kwalunkwe element, għandek bżonn biss li tikklikkja dritt fuqha u tagħżel Spezzjona l-Element. Fit-tieqa żgħira fil-qiegħ tal-browser, tista 'ssib l-ahrefs, stili, netwerk, sorsi u informazzjoni oħra. Int ser tuża kwalunkwe waħda minn dawn, u teditja l-mudell li qatt trid.

Pass 4: Nibdlu l-Kulur; Editjar CSS

L-editjar ta 'CSS huwa faċli ħafna jekk int kapaċi tifhimha. Kodifikazzjoni bażika, li tinkludi t-tip ta 'funzjoni, ikkuttunar, tipa, kulur, sfond eċċ, tista' tinbidel ladarba tkun kapaċi tidentifika l-post ta 'dak li ser tibdel u fejn se taffettwa l-mudell.

Kif imsemmi fil-pass ta 'hawn fuq, l-element Spezzjona għandu rwol ewlieni meta jagħmel dan. Kull ma trid tagħmel hu li sempliċement iġġib il-cursor fuq l-element li trid teditja u tikklikkja fuq spezzjona l-element.

editjar-css

Fuq it-tieqa tal-lemin t'isfel tkun tista 'tara l-kuluri, l-isfondi, l-ikkuttunar, il-marġini, l-istili tat-tipa, imbagħad jerġgħu kuluri eċċ Ibdel il-karatteristiċi rispettivi ta' l-element li għażilt u ċċekkja jekk tmurx tajjeb fuq il-mudell tiegħek.

Jekk tħobb il-mod kif biddilt il-mudell, mur Edit HTML window u agħfas "Ctrl + F". Ħoll l-istil tal-element jew xi ħaġa relatata mal-element li għażilt u agħfas ENTER sakemm issib il-post eżatt tiegħu.

edit-in-html

Ladarba ssibha, għamel il-bidliet li trid u Salv il-mudell. Aġġorna l-blog tiegħek u ċċekkja jekk il-bidliet humiex implimentati jew le.

css-editjar1

Nota: Jekk tmur ħażin waqt li teditja kodiċi HTML, ittella 'l-fajl tal-backup li tkun tniżżilt qabel jew sempliċement uża Ctrl + Z biex tneħħi l-bidliet.

Pass 4: Nibdlu l-Menu tan-Navigazzjoni

Fil-pass preċedenti, tgħallimt kif teditja l-kodiċi CSS fil-Blogger. Issa assumi li l-editjar kollu sar u l-mudell tiegħek qed jidher tal-biża '. Imma trid tibdel il-links fuq in-Navigation Bar kemm fuq Header kif ukoll fuq Footer.

Pereżempju, ejjew nibdlu t-tab "SEO" fuq il-Menu tan-Navigazzjoni għal "Blogging". Mur fit-tieqa Edit HTML u agħfas Ctrl + F. Fil-kaxxa, fittex SEO u agħfas ENTER sakemm issib il-post eżatt tal-kelma fil-Nav Menu.

Għandek issib kodiċi bħal


SEO

tibdil-nav-menu

Sempliċement ibdel "https://www.alltechbuzz.net/search/label/GOOGLE%2FSEO" bi kwalunkwe link li trid tinnaviga għaliha. U ibdel ukoll "SEO" b '"Blogging". Dak hu!editjar-html

Salv il-mudell u aġġorna l-blog tiegħek. Iċċekkja jekk il-Menu tan-Navigazzjoni nbidilx u jekk jorbotx mal-indirizz tal-web it-tajjeb.

 

Dwar l-Awtur 

Imran Uddin


{"email": "Indirizz tal-posta elettronika mhux validu", "url": "Indirizz tal-websajt mhux validu", "meħtieġ": "Qasam meħtieġ nieqes"}