See viimane artikkel on kirjutatud esiletõstmiseks ajakohast teavet Blogspoti mallidelt ja uutelt Bloggeri teemadelt tarbetute linkide eemaldamise kohta. Nagu teate, toimus 2018. aastal Bloggeri koodides muudatusi, mistõttu tuleb paljusid koodiga toiminguid teha uuel viisil. Lisaks on ilmunud uued teemad, mis on erinevalt kujundatud. Nende muudatustega seoses käsitleme linkide eemaldamise teemat.
Saate kontrollida oma ajaveebi väliste linkide olemasolu teenustes https://pr-cy.ru/link_extractor/ ja https://seolik.ru/links. Ärge unustage, et peate kontrollima mitte ainult ajaveebi avalehte, vaid ka postituste lehte ja lehte. Suur hulk Indekseerimiseks avatud välislingid on takistatud.
Sellised mallid annavad kõige rohkem väliseid linke. Kui installisin lihtsa teema oma testblogis, kontrollisin ja leidsin 25 välist linki avaleht, millest 14 olid indekseeritud.
Tuletan teile meelde, et enne malli koodis muudatuste tegemist tehke seda varukoopia!
![](https://i0.wp.com/4.bp.blogspot.com/-qYDynHbA-H8/XGeWa73qfuI/AAAAAAAAY98/tRVHFUin9v4GwbQ5ZF1x6hjtQ0F5HQudQCEwYBhgL/s1600/1-attribution.jpg)
Ja siin on täielik kood:
Salvestame muudatused ja kontrollime ajaveebi Attributioni olemasolu.
Siin on mittetäielik loend linkidest, mis on mutrivõtmeikoonides krüpteeritud (blogi ID on teie)
- HTML1 vidin: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML1&action=editWidget§ionId=header
- HTML2 vidin http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML2&action=editWidget§ionId=header
- ajaveebi arhiiv: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget§ionId=main
- Blogi otseteed: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=Label&widgetId=Label1&action=editWidget§ionId=main
- Populaarsed sõnumid: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=PopularPosts&widgetId=PopularPosts2&action=editWidget§ionId=main
Kõigist nendest linkidest on lihtne lahti saada. Leidke silt oma ajaveebi mallist. Seda kuvatakse nii mitu korda, kui teie ajaveebis on vidinaid. Eemaldage kõik sildi esinemised.
Kuidas kustutada:
1. meetod. Muutke vahekaardil Kujundus elementi "Blogipostitused" ja tühjendage märkeruut "Kuva "Kiiredigeerimine"".
2. meetod. Leidke oma ajaveebi mallist silt ja eemaldage see. Salvestage oma muudatused ja kontrollige oma blogis ikooni ja linki.
Nimelt:
funktsioon setAttributeOnload(objekt, atribuut, val) (
if(window.addEventListener) (
window.addEventListener("load",
function())( objekt = val; ), false);
) muidu (
window.attachEvent("onload", function())( objekt = val; ));
}
}
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() (
if (gapi.iframes && gapi.iframes.getContext) (
gapi.iframes.getContext().openChild((
url: "https://www.blogger.com/navbar.g?targetBlogID\x3d1490203873741752013\x26blogName\x3dnew\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarLIGHT\Type2xxy6 ot \x3dhttps://m-ynewblog.blogspot.com /search\x26blogLocale\x3dru\x26v\x3d2\x26homepageUrl\x3dhttps://m-ynewblog.blogspot.com/\x26vt\x3d-3989465016614688571",
kus: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
(funktsioon() (
var skript = document.createElement("skript");
script.type = "tekst/javascript";
script.src = "//pagead2.googlesyndication.com/pagead/js/google_top_exp.js";
var head = document.getElementsByTagName("head");
kui (pea) (
head.appendChild(script);
}})();
Nüüd ei paku ajaveebi Navbar indekseeritavaid välislinke, kuid usun, et see lisaelement, mis ei kanna funktsionaalset koormust ja see on parem eemaldada.
![](https://i1.wp.com/1.bp.blogspot.com/-bTosdUeWBSI/XGeWcI6xlgI/AAAAAAAAY-c/TMpjBOiI8nQvXPBPPWgfqFZ6gCSURLiJQCEwYBhgL/s1600/5-post.jpg)
Valmistatud redigeerimisnäite abil Google'i profiil Pluss. Ma tuletan teile seda meelde Google Plus likvideeritakse 02.04.2019. Sellest tulenevalt peate pärast seda kuupäeva vidina koodis "Minust" muid muudatusi tegema.
Järgige jaotises Blogi seaded teed Blogi sätted -> Muu -> Saidi voog -> Luba ajaveebi voog, rakendage järgmisi sätteid:
![](https://i2.wp.com/3.bp.blogspot.com/-ZNNTh433rcY/XGe7jFLWlsI/AAAAAAAAY-4/5ydWolfVcYoaAbaz-SpxmhNyeXBUiDXowCLcBGAs/s1600/feed.jpg)
Leiame blogimallist Attribution1 vidinate (vidinate loendi) järgi otsimiseks ja kustutame koodi koos jaotisega sarnaselt vanale Bloggeri mallile (vt ülalt 1).
Kogu kood näeb välja selline:
Peate kiiresti nägema kõiki saidi enda muudatusi, ilma et see mõjutaks Internetti postitatud saidi faile ja koodi. Näiteks muuta ploki värviskeemi, teisaldada välja kolinud elementi vms.
Selleks kasutavad paljud veebihaldurid kohalikke Denweri või OpenServeri servereid, käivitades oma arvutis saidi täieliku koopia. See meetod on universaalne ja sobib professionaalidele, seda saab kasutada erinevate skriptide ja pistikprogrammide toimimise testimiseks, kujunduse muutmiseks ja kõigi saidi failide redigeerimiseks ning pärast testimist vastavad muudatused otse saidile üle kanda.
Kasutajatele, kes on veebihalduri kunstist kaugel, soovitan neil eesmärkidel kasutada brauserit. Kuna ma kasutan Chrome'i, annan juhiseid selle konkreetse brauseri ekraanipiltidega. Analoogiliselt saate töötada Opera, Yandex.Browseri, Mozilla Firefoxi ja teiste brauseritega, nende tööriistade põhimõte on sarnane.
1. juhis: kuidas vaadata brauseris saidi kogu HTML-koodiAvage oma saidi vajalik veebileht. Paremklõpsake soovitud elemendil, kuvatakse brauseri kontekstuaalne rippmenüü koos saadaolevate käskudega:
Joonis 1. Veebilehe kogu HTML-koodi vaatamine Chrome'i brauseris
Tähtis: rippmenüü käsud võivad erineda näiteks aktiivsete elementide (lingid, pildid, videod) ja mitteaktiivsete (tekst, taust, elemendid) puhul:
Joonis 2. Chrome'i brauseri rippmenüü
Seega, kui te ei leia vajalikku käsku, paremklõpsake kusagil mujal või kasutage oma brauseri kiirklahve.
Pöördume tagasi joonise 1 juurde, see näitab kogu lähteveebi HTML-koodi vaatamiseks vajalikku käsku, seda nimetatakse “View Page Code”. Klõpsake käsul, avaneb uus vahekaart lähteveebi täieliku koodiga, suur pluss kõigele - vaatamine on saadaval süntaksi esiletõstmisega:
Joonis 3. Selle saidi koodifragment
See tööriist on väga kasulik otsitavate elementide leidmiseks ja redigeerimiseks.
Alternatiivsed viisid veebilehe kogu HTML-koodi vaatamiseksKiiremaks juurdepääsuks võite selle tööriista helistamiseks kasutada muid viise
Mõlemad meetodid on universaalsed ja peaksid töötama kõigis brauserites.
Alguses võib mõni arvata, et see pole üldse vajalik tööriist, kuid saidi kogu HTML-koodi vaatamine on suurepärane, et leida koodist vajalikud elemendid, need võivad olla lingid, sildid, metasildid, atribuudid ja muud elemendid .
Kui kasutate kiirklahvi kombinatsiooni + avage Chrome'i brauseris otsinguaken, kuvatakse see paremas ülanurgas:
Joonis 3. Otsi saidi koodi järgi
Pärast päringu sisestamist otsinguvormi, liigub ekraan esimese leitud elemendini, mille vahel saate liikuda noolte abil ja valida vajaliku:
Joonis 4. Otsi HTML-saidi koodi järgi
2. juhis: kuidas vaadata ja muuta saidi HTML- ja CSS-koodi Google Chrome'i brauserisNüüd kõige olulisem osa, milles näitan, kuidas saab brauseris veebilehe HTML- ja CSS-koodi redigeerida. seejärel kandke muudatused brauserisse.
![](https://i0.wp.com/samsebewebmaster.ru/wp-content/uploads/2015/12/%D0%9A%D0%BE%D0%BC%D0%B0%D0%BD%D0%B4%D0%B0-%D0%9F%D1%80%D0%BE%D1%81%D0%BC%D0%BE%D1%82%D1%80%D0%B5%D1%82%D1%8C-%D0%BA%D0%BE%D0%B4.jpg)
See kasulik tööriist on teie brauseris alati saadaval. Katsetage teiste käskudega, mis muudavad teie saidi redigeerimise lihtsamaks.
Igal Interneti-kasutajal on oma lemmiksaidid, millel ta veedab pikka aega. Ja ainult laisk ei mõelnud vaadata, kuidas see loodi ja millest see koosneb. Kõigile neile küsimustele on võimatu vastata, kuna veebisaidi loomiseks on palju võimalusi, kuid selle moodustavate käskude ja koodide vaatamine on võimalik ja kõigile avalikult kättesaadav.
Teine küsimus on, kas inimene, kes programmeerimisega ei tegele, mõistab mõnda koodi moodustavat sümbolit. Kuid allpool toodud näidete põhjal saab iga Google Chrome'i kasutaja vaadata saitide üksikuid elemente.
Kuidas vaadata Google'i brauseris html-lehe lähtekoodiLehekoodi kuvamiseks Chrome'is peate minema teid huvitavale saidile ja tegema järgmised toimingud.
![](https://i1.wp.com/brauzergid.ru/wp-content/uploads/2016/11/kod-elementa-sajta-v-google-chrome1.jpg)
Need kaks üksust erinevad oma funktsionaalsuse ja kasutajale, programmeerijale või häkkerile mõeldud teabe poolest.
Kõiki neid funktsioone analüüsides saate kirjutada eraldi artikli. Programmeerijate jaoks on see erinevus märkimisväärne ja nad saavad aru, millistel juhtudel on Google Chrome'i brauseris vaja kasutada „View Code” ja millistel „View Page Code”.
Kuid tavakasutajale selgitamiseks võib need funktsioonid jagada järgmisteks eesmärkideks:
Kui peaksime sellisele küsimusele vastama, siis ainus variant, mis ennast viitab, on näide. Sest ühes artiklis on väga raske saada inimeseks, kes seda teemat mõistab (veebiarendaja), kuid näitega näidata, et küsimus laheneks, on palju lihtsam.
Elemendikoodi funktsionaalsus on väga lai, seega võtame ühe Google Chrome'i brauseri veebisaidil olevatest sõnadest. Tahtsime kaaluda, milliseid märksõnu (koodis kirjutatakse see kui "märksõnad") meie saidi jaoks kasutati. Selleks teostame järgmise algoritmi:
Muud võimalused selle funktsiooni kasutamiseks Google Chrome'i brauserisÜldiselt, jätkates vastamist küsimusele, kuidas elemendi koodi vaadata ja miks seda vaja on, peaksite loetlema selle funktsioonid. Nimelt, tänu võimalusele vaadata Google Chrome'i brauseris mis tahes saidi elemendi koodi, saame:
- Vaadake saidi struktuuri alates peast ("saidi päis") ja lõpetades lõpuga (mis tahes programmi viimane käsk);
- Vaadake saidi kõiki funktsioone, nimelt: lingid teistele saitidele, väliste saitide lisamoodulid ja sisseehitatud loendurite olemasolu erineva teabe kogumiseks;
- Uurige, kas saidilt kopeerimine on keelatud või mitte;
- Kood salvestab kõik lingid saidi teistele lehtedele, samuti nende kujundus ja järgnevad toimingud pärast nendel klõpsamist.
See pole sugugi lõplik nimekiri. Kuid tuleb meeles pidada, et ilma eriteadmisteta on Google Chrome'i lehe koodi peaaegu võimatu "lugeda" ja saadud andmeid tavakasutaja praktiliselt ei vaja.
Üksus "Vaata elemendi koodi" ei töötaTuleks kohe öelda, et igal saidil on avatud juurdepääs elementide koodidele. See tähendab, et isegi kõige populaarsemad ja kallimad saidid on nende koodi vaatamiseks avatud. Seega, kui üksus Google Chrome'i brauseris ei ole aktiivne või tekitab tõrke, on sellel järgmised võimalikud põhjused.
- Kasutajaprofiil on rikutud;
- Pahavara olemasolu arvutis;
- Blokeerimine teatud laiendiga jõudluse suurendamiseks (isegi võib juhtuda).
Uue profiili loomiseks peate arvutist vana kustutama. Selleks teeme järgmist:
Kui uus profiil ei anna meile juurdepääsu lehe elemendi koodile ja me ikka näeme viga, peaksime tegema järgmist.
Kui kõik oli õigesti tehtud, avab Google Chrome pärast arvuti taaskäivitamist elementide koodi ja brauser töötab normaalselt.
Aja jooksul tekib algajatel veebimeistritel loogiline küsimus: kuidas muuta pealkirjade kirjutamise värvi ja stiili, lisada helitugevust ja muuta samade pealkirjade fonti suuremaks. See ajab paljud algajad segadusse, sest pole selge, mida ja kust otsida.
Muidugi võite tegeleda kõigi nende veebisaitide loomise keerukuse põhjaliku uurimisega, kuid kuigi silmapiiril pole väljavaateid, tekib veel üks loogiline küsimus: kas teil on seda vaja?
Veebihalduri põhitõdede omandamiseks kulub teil piisavalt aega. Ja aeg on raha. Seega, kui vajate malli mõnes elemendis väiksemaid muudatusi ja te ei tea, kuidas vajalikku HTML-koodi leida, olenemata saidi platvormist, on see artikkel just teile.
HTML ja CSS – suheTegelikult tuleks seda teemat nimetada järgmiselt: "Kuidas CSS-koodi redigeerida." Noh, okei, alustame HTML-iga ja lõpetame CSS-iga. Asi on selles, et kui on vaja muuta saidi värvi või fonti, viivad riivsai CSS-failideni.
Esmalt defineerime need kaks mõistet:
- HTML-kood on saidi loomise aluseks. Just tänu sellele saab brauser aru, milliseid elemente ja millises järjekorras konkreetsel lehel kuvada.
- CSS-kood on programmeerimiskeel, mis vastutab veebilehtede välimuse eest. See kood peaks olema redigeeritav, kui peate saidi välimust muutma.
Selgub, et kui on vaja muuta näiteks pealkirja värvi artiklis või menüüpunktides, siis tuleb üht CSS-faili muuta. See on täpselt see, mida peate ise muudatuste tegemise algfaasis mõistma.
Kus on lehe html kood?Ma ei varja, et veebisaidi loomise põhimõtetega tutvumise alguses polnud ma lihtsalt teekann, vaid tõeline roostes samovar. Seetõttu õnnestub teil, nagu minulgi, kindlasti.
Ja nii, naastes lehe koodi muutmise teema juurde, tuleb esmalt vaadata html-koodi. Ma räägin teile näitena Opera brauseriga, kuna töötan peamiselt selles. Kiirustan teid teavitama, et kui eelistate kasutada mõnda muud brauserit, ei tohiks te seda lehte kohe sulgeda, kuna kontrollimise põhimõte olenemata brauserist on peaaegu identne.
Kuidas muuta päise stiiliÜhes eelmises artiklis rääkisin teemal "Kuidas Joomla päisest link eemaldada" ja täna saate teada, kuidas kogu asja parandada ja atraktiivsemaks muuta.
Oletame, et peame muutma artikli pealkirja värvi ja suurust. Selleks tehke sellel vasakklõps ja valige avanevas aknas “View element code”. Pärast seda ilmuvad ekraani vasakus servas meie tähelepanu fantastilised hieroglüüfid, mille abil teeme kindlaks, kuhu koer on maetud. Nii saate vaadata ja parandada peaaegu iga malli elementi.
Selle ülaosas olen esile tõstnud HTML-koodi, mis vastutab h1 päise kuvamise eest. Vaikimisi on see kontrollimisel esile tõstetud hall taust. Ahjaa, see selleks Üldine informatsioon. Peame pöörama tähelepanu ekraanipildi alumisele küljele, kus asuvad väljundi eest vastutavad skriptid CSS-stiilid. Tahaksin kohe hoiatada, et olenevalt mallist nimi CSS-fail võib erineda, kuid tavaliselt on selleks style.css või template.css.
Ja nii oleme otsustanud faili kasuks, aga kuidas me saame teada, kus see asub? See on väga lihtne, peate lihtsalt viima hiirekursori asukoha kohale parem pool sõna style.css, mille järel kuvatakse selle kõrval faili tee. Samal ajal näidatakse siin ka rida, mida peame parandama. Nagu pildilt näha, on see esimene rida.
Oluline punkt! Enne muudatuste tegemist tee saidist igaks juhuks nii-öelda varukoopia
Mõned CSS-i omadusedAllpool annan mõned omadused, mida saate lisada teatud muudatused ja katsetada stiile.
Fondi suurus – muutke teksti suurust.
Teksti kaunistamine – olenevalt käsust hõlmab see teksti läbikriipsutamist ja allajoonimist, aga ka joontega esiletõstmist.
Font-family – fondiperekond.
Font-weight – valik.
Värv – teksti värv.
Kui pärast kohandamist pole midagi muutunud, tühjendage brauseri vahemälu. Nagu näete, muuta välimus päised ja värskendage saidi kujundust, peate seda lihtsalt muutma css kood ja html-koodi pole võimalik muuta.
Täname tähelepanu eest ja näeme peagi Stimylrosta lehtedel.
Leitud tekstist grammatiline viga? Teatage sellest administraatorile: valige tekst ja vajutage kiirklahvikombinatsiooni Ctrl+Enter
Ctrl + U Kuidas vaadata allikas element?Paremklõpsake huvipakkuval leheelemendil.
Google Chrome: "Vaata elemendi koodi"
Opera : "Kontrollige elementi"
FireFox: "Analüüsi elementi"
Teistes brauserites otsige sarnase tähendusega menüüüksust.
Tere kõigile!
Panin kogu punkti eriti välja artikli alguses neile, kes otsivad kiiret vastust.
Teave võib olla paljudele teada, kuid kuna ma kirjutan algajatele blogijatele, veebiprogrammeerijatele ja teistele uurijatele, on see viiteartikkel kohustuslik.
Tulevikus uurite kindlasti lehtede ja üksikute elementide lähtekoodi.
Heidame pilgu peale konkreetne näide kuidas saate lehe lähtekoodi vaadata.
Näiteks tahame näha, mida märksõnad(märksõnu) kasutatakse konkreetne leht. Me läheme meid huvitavale veebilehele ja vajutame Ctrl+U. Selle lehe lähtekood avaneb eraldi aknas või eraldi vahekaardil. Koodifragmendi otsimiseks vajutage klahvikombinatsiooni Ctrl+F. IN sel juhul sisestage sõna "otsingukasti" märksõnad". Teid suunatakse automaatselt selle metasildiga koodilõigu juurde ja otsitav sõna tõstetakse esile.
Analoogia põhjal saate otsida ja uurida muid koodifragmente.
Lehe kogu lähtekoodi vaatamine ei ole enamikel juhtudel kuigi mugav, seega on võimalik koodi vaadata kõikides brauserites individuaalne element või fragment.
Kasutame konkreetset näidet elemendi koodi vaatamise kohta. Näiteks vaatame, kas lingil on nofollow atribuut. Klõpsake paremklõps hiirega meid huvitaval lingil ja rippmenüüs kontekstimenüü Vasakklõpsake üksusel "Vaata elemendi koodi" või sarnasel (olenevalt teie brauserist). Allpool koodianalüüsi spetsiaalses aknas saame midagi sarnast.
Näeme, et lingikood sisaldab rel=”nofollow” . See tähendab, et PR ei "leki" selle lingi kaudu. Sellest räägime üksikasjalikumalt järgmistes artiklites. Nüüd on oluline, et te nüüd teate, kuidas vaadata lehe lähtekoodi ja üksiku elemendi lähtekoodi.