Ovaj najnoviji članak napisan je kako bi se istaknuo ažurne informacije o uklanjanju nepotrebnih veza iz Blogspot predložaka, kao i iz novih Blogger tema. Kao što znate, u 2018. došlo je do promjena u kodovima Bloggera, tako da mnoge radnje s kodom moraju biti učinjene na novi način. Plus, pojavile su se nove teme koje su drugačije oblikovane. U vezi s ovim promjenama, raspravljat ćemo o temi uklanjanja poveznica.
Na svom blogu možete provjeriti prisutnost vanjskih veza na uslugama https://pr-cy.ru/link_extractor/ i https://seolik.ru/links. Ne zaboravite da trebate provjeriti ne samo glavnu stranicu bloga, već i stranicu s objavama i stranicu. Veliki broj Spriječene su vanjske veze otvorene za indeksiranje.
Takvi predlošci daju najviše vanjskih poveznica. Na svom testnom blogu, kad sam instalirao jednostavnu temu, provjerio sam i pronašao 25 vanjskih poveznica na početna stranica, od kojih je 14 indeksirano.
Podsjećam vas da prije izmjena koda predloška učinite sigurnosna kopija!
![](https://i0.wp.com/4.bp.blogspot.com/-qYDynHbA-H8/XGeWa73qfuI/AAAAAAAAY98/tRVHFUin9v4GwbQ5ZF1x6hjtQ0F5HQudQCEwYBhgL/s1600/1-attribution.jpg)
A evo i cijelog koda:
Spremite promjene i provjerite blog za atribuciju.
Ovdje je nepotpun popis veza koje su šifrirane u ikonama francuskog ključa (ID bloga bit će vaš)
- HTML1 Widget: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML1&action=editWidget§ionId=header
- HTML2 widget http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML2&action=editWidget§ionId=header
- Arhiva bloga: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget§ionId=main
- Prečaci za blog: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=Label&widgetId=Label1&action=editWidget§ionId=main
- Popularne poruke: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=PopularPosts&widgetId=PopularPosts2&action=editWidget§ionId=main
Lako se riješiti svih ovih veza. Pronađite oznaku u predlošku svog bloga. Pojavljuje se onoliko puta koliko widgeta ima na vašem blogu. Uklonite sva pojavljivanja oznake.
Kako izbrisati:
Metoda 1. Na kartici Dizajn uredite element "Postovi na blogu" i poništite potvrdni okvir "Prikaži "Brzo uređivanje"".
Metoda 2. Pronađite oznaku u predlošku svog bloga i uklonite je. Spremite promjene i potražite ikonu i vezu na blogu.
Naime:
funkcija setAttributeOnload(objekt, atribut, vrijednost) (
if(window.addEventListener) (
window.addEventListener("učitaj",
funkcija())( objekt = vrijednost; ), laž);
) inače (
window.attachEvent("onload", function())( object = val; ));
}
}
gapi.load("gapi.iframes:gapi.iframes.style.bubble", funkcija() (
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\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26se archRoot \x3dhttps://m-ynewblog.blogspot.com /search\x26blogLocale\x3dru\x26v\x3d2\x26homepageUrl\x3dhttps://m-ynewblog.blogspot.com/\x26vt\x3d-3989465016614688571",
gdje: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
(funkcija() (
var skripta = document.createElement("skripta");
script.type = "tekst/javascript";
script.src = "//pagead2.googlesyndication.com/pagead/js/google_top_exp.js";
var head = document.getElementsByTagName("head");
ako (glava) (
head.appendChild(skripta);
}})();
Sada blog Navbar ne nudi indeksirane vanjske veze, ali vjerujem da ovo dodatni element, koji ne nosi funkcionalno opterećenje, i bolje ga je ukloniti.
![](https://i1.wp.com/1.bp.blogspot.com/-bTosdUeWBSI/XGeWcI6xlgI/AAAAAAAAY-c/TMpjBOiI8nQvXPBPPWgfqFZ6gCSURLiJQCEwYBhgL/s1600/5-post.jpg)
Izrađeno pomoću primjera uređivanja Google profil Plus. Podsjećam te na to Google Plus bit će likvidirano 02.04.2019. Sukladno tome, nakon ovog datuma morat ćete izvršiti druge promjene u kodu widgeta "O meni".
U postavkama bloga slijedite stazu Postavke bloga -> Ostalo -> Feed web-mjesta -> Dopusti sažetak sadržaja bloga, primijenite sljedeće postavke:
![](https://i2.wp.com/3.bp.blogspot.com/-ZNNTh433rcY/XGe7jFLWlsI/AAAAAAAAY-4/5ydWolfVcYoaAbaz-SpxmhNyeXBUiDXowCLcBGAs/s1600/feed.jpg)
Pronalazimo Attribution1 u blog predlošku za pretraživanje po widgetima (popis widgeta) i brišemo kod zajedno s odjeljkom, slično starom Blogger predlošku (vidi gore 1).
Cijeli kod izgleda ovako:
Morate brzo vidjeti sve promjene na samoj stranici, bez utjecaja na datoteke i kod stranice objavljene na Internetu. Na primjer, promijenite shemu boja bloka, pomaknite element koji se pomaknuo, itd.
Da bi to učinili, mnogi webmasteri koriste lokalne poslužitelje Denwer ili OpenServer, pokrećući potpunu kopiju stranice na svom računalu. Ova je metoda univerzalna i prikladna za profesionalce; može se koristiti za testiranje rada različitih skripti i dodataka, eksperimentiranje s mijenjanjem dizajna i uređivanje svih datoteka web-mjesta, a nakon testa prenošenje odgovarajućih promjena izravno na web-mjesto.
Za korisnike koji su daleko od umjetnosti webmastera, preporučujem korištenje preglednika za ove svrhe. Budući da koristim Chrome, dat ću upute sa snimkama zaslona za ovaj preglednik. Po analogiji, možete raditi s Opera, Yandex.Browser, Mozilla Firefox i drugim preglednicima; princip njihovih alata je sličan.
Uputa 1: kako pregledati cijeli HTML kod stranice u preglednikuOtvorite traženu web stranicu svoje web stranice. Desnom tipkom miša kliknite traženi element, pojavit će se kontekstni padajući izbornik preglednika s dostupnim naredbama:
Slika 1. Prikaz cijelog HTML koda web stranice u pregledniku Chrome
Važno: Naredbe u padajućem izborniku mogu se razlikovati, na primjer, za aktivne elemente (veze, slike, video) i neaktivne (tekst, pozadina, divovi):
Slika 2. Padajući izbornik preglednika Chrome
Dakle, ako ne pronađete naredbu koja vam je potrebna, samo kliknite desnom tipkom miša negdje drugdje ili upotrijebite prečace preglednika.
Vratimo se na sliku 1, ona prikazuje potrebnu naredbu za prikaz cijelog HTML koda izvorne web stranice, zove se “View Page Code”. Kliknite na naredbu, otvorit će se nova kartica s punim kodom izvorne web stranice, veliki plus za sve - pregled je dostupan s označavanjem sintakse:
Slika 3. Fragment koda ove stranice
Ovaj je alat vrlo koristan za pronalaženje i uređivanje elemenata koje tražite.
Alternativni načini za pregled cijelog HTML koda web straniceZa brži pristup možete koristiti druge načine za pozivanje ovog alata
Obje metode su univerzalne i trebale bi raditi u svim preglednicima.
U početku će neki možda pomisliti da ovo uopće nije neophodan alat, ali pregled cijelog HTML koda web stranice odličan je za pronalaženje potrebnih elemenata u kodu, to mogu biti poveznice, oznake, meta oznake, atributi i drugi elementi .
Pomoću kombinacije tipki prečaca + otvorite prozor za pretraživanje u pregledniku Chrome, pojavljuje se gore desno:
Slika 3. Pretraživanje po kodu stranice
Nakon što unesete zahtjev u obrazac za pretraživanje, ekran će se pomaknuti na prvi pronađeni element, pomoću strelica možete se kretati između njih i odabrati onaj koji vam je potreban:
Slika 4. Pretraživanje prema HTML kodu stranice
Uputa 2: kako pregledati i urediti HTML i CSS kod stranice u pregledniku Google ChromeSada najvažniji dio, u kojem ću pokazati kako možete urediti HTML i CSS kod web stranice u pregledniku. zatim prenesite promjene u preglednik.
![](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)
Ovaj koristan alat uvijek je dostupan u vašem pregledniku; eksperimentirajte s drugim naredbama koje će vam olakšati uređivanje vaše stranice.
Svaki korisnik interneta ima svoje omiljene stranice na kojima provodi dugo vremena. I samo lijeni nisu pali na pamet pogledati kako je nastao i od čega se sastoji. Nemoguće je odgovoriti na sva ova pitanja, jer postoji mnogo načina za izradu web stranice, ali pogledati naredbe i kodove koji je čine moguće je i javno dostupno svima.
Drugo je pitanje hoće li osoba koja se ne bavi programiranjem razumjeti ijedan od simbola koji čine kod. Ali iz primjera koji će biti navedeni u nastavku, svaki korisnik Google Chromea moći će vidjeti pojedinačne elemente web stranica.
Kako vidjeti izvorni kod html stranice u Google preglednikuKako biste mogli vidjeti kod stranice u Chromeu, trebate otići na web mjesto koje vas zanima i izvršiti sljedeće korake:
![](https://i1.wp.com/brauzergid.ru/wp-content/uploads/2016/11/kod-elementa-sajta-v-google-chrome1.jpg)
Ove dvije stavke razlikuju se po svojoj funkcionalnosti i informacijama za korisnika, programera ili hakera.
Analizirajući svaku od ovih funkcija, možete napisati zaseban članak. Za programere je ova razlika značajna i oni razumiju u kojim slučajevima je potrebno koristiti “View Code”, au kojim “View Page Code” u pregledniku Google Chrome.
No, objašnjavajući za prosječnog korisnika, te se funkcije mogu podijeliti u sljedeće svrhe:
Ako bismo odgovarali na takvo pitanje, onda je jedina opcija koja se nameće primjer. Jer u jednom članku vrlo je teško postati osoba koja razumije ovu temu (web programer), ali pokazati primjerom tako da se pitanje riješi je puno lakše.
Funkcionalnost koda elementa vrlo je široka, pa uzimamo jednu od riječi na web stranici preglednika Google Chrome. Željeli smo razmotriti koje su ključne riječi (u kodu bit će napisane kao "ključne riječi") korištene za našu stranicu. Da bismo to učinili, izvodimo sljedeći algoritam:
Drugi načini korištenja ove značajke u pregledniku Google ChromeOpćenito, nastavljajući odgovoriti na pitanje kako gledati kod elementa i zašto je to potrebno, trebali biste navesti njegove funkcije. Naime, zahvaljujući mogućnosti pregleda koda elementa bilo koje stranice u pregledniku Google Chrome, možemo:
- Pogledajte strukturu stranice počevši od glave ("zaglavlje stranice") i završavajući s krajem (konačna naredba bilo kojeg programa);
- Pregledajte sve funkcije web mjesta, naime: veze na druga mjesta, dodatne module s vanjskih mjesta i prisutnost ugrađenih brojača za prikupljanje raznih informacija;
- Saznajte je li kopiranje sa stranice zabranjeno ili ne;
- Kod će zabilježiti sve poveznice na druge stranice stranice, kao i njihov dizajn i naknadne radnje nakon klika na njih.
Ovo nipošto nije konačan popis. Ali treba podsjetiti da je bez posebnog znanja gotovo nemoguće "pročitati" kod Google Chrome stranice, a primljeni podaci praktički nisu potrebni običnom korisniku.
Stavka "Prikaz koda elementa" ne radiTreba odmah reći da će svaka stranica imati otvoren pristup kodovima elemenata. Odnosno, čak će i najpopularnija i najskuplja mjesta biti otvorena za pregled njihovog koda. Stoga, ako stavka u pregledniku Google Chrome nije aktivna ili generira pogrešku, postoje sljedeći mogući razlozi:
- Korisnički profil je oštećen;
- Prisutnost zlonamjernog softvera na računalu;
- Blokiranje određenim proširenjem radi povećanja performansi (čak se i to može dogoditi).
Da biste kreirali novi profil, morate izbrisati stari sa svog računala. Da bismo to učinili, činimo sljedeće:
Ako nam novi profil ne daje pristup kodu elementa stranice, a i dalje vidimo pogrešku, trebali bismo učiniti sljedeće:
Ako je sve učinjeno ispravno, nakon ponovnog pokretanja računala Google Chrome će otvoriti kod elemenata i preglednik će raditi normalno.
Tijekom vremena, web majstori početnici imaju logično pitanje: kako promijeniti boju i stil pisanja naslova, dodati volumen i povećati font istih naslova. To zbunjuje mnoge početnike, jer nije jasno što i gdje tražiti.
Naravno, možete se upustiti u dubinsko proučavanje svih ovih zamršenosti izrade web stranice, ali dok na horizontu nema nikakvih izgleda kao takvih, postavlja se još jedno logično pitanje: treba li vam?
Trebat će vam dosta vremena da svladate osnove webmasteringa. A vrijeme je novac. Stoga, ako trebate manje prilagodbe nekih elemenata predloška i ne znate kako pronaći potreban HTML kod, bez obzira na platformu stranice, ovaj je članak upravo za vas.
HTML i CSS - odnosZapravo, tema bi se trebala zvati otprilike: "Kako urediti CSS kod." Dobro, u redu, počet ćemo s HTML-om, a završiti s CSS-om. Stvar je u tome što ako je potrebno promijeniti boju ili font stranice, putevi vode do CSS datoteka.
Najprije definirajmo ova dva pojma:
- HTML kod je osnova na kojoj se izrađuje stranica. Zahvaljujući njemu preglednik razumije koje elemente i kojim redoslijedom prikazati na određenoj stranici.
- CSS kod je programski jezik odgovoran za izgled web stranica. Upravo bi ovaj kod trebao biti moguće uređivati ako trebate promijeniti izgled stranice.
Postaje očito da ako trebate promijeniti, na primjer, boju naslova u članku ili u stavkama izbornika, tada je potrebno urediti jednu od CSS datoteka. To je upravo ono što trebate shvatiti u početnoj fazi samog unošenja promjena.
Gdje je html kod stranice?Neću skrivati činjenicu da na početku mog upoznavanja s principima izgradnje web stranica nisam bio samo čajnik, bio sam pravi zahrđali samovar. Stoga ćete, kao i ja, sigurno uspjeti.
I tako, vraćajući se na temu promjene koda stranice, prvo morate pogledati html kod. Reći ću vam koristeći preglednik Opera kao primjer, budući da uglavnom radim u njemu. Želim vas obavijestiti da ako želite koristiti drugi preglednik, nemojte odmah zatvoriti ovu stranicu, jer je princip provjere bez obzira na preglednik gotovo identičan.
Kako promijeniti stil zaglavljaU jednom od prethodnih članaka govorio sam o tome “Kako ukloniti link iz zaglavlja Joomle”, a danas ćete naučiti kako ispraviti cijelu stvar i učiniti je privlačnijom.
Recimo da trebamo promijeniti boju i veličinu naslova članka. Da biste to učinili, kliknite ga lijevom tipkom miša i odaberite "Prikaz koda elementa" u prozoru koji se otvori. Nakon čega će nam se na lijevoj strani ekrana pojaviti fantastični hijeroglifi uz pomoć kojih ćemo odrediti gdje je pas zakopan. Na ovaj način možete pregledati i ispraviti gotovo svaki element predloška.
Na vrhu sam istaknuo HTML kod odgovoran za prikaz h1 zaglavlja. Prema zadanim postavkama, označen je prilikom provjere siva pozadina. Oh dobro, to je to za opće informacije. Moramo obratiti pozornost na dno snimke zaslona, gdje se nalaze skripte odgovorne za izlaz CSS stilovi. Želio bih vas odmah upozoriti da ovisno o predlošku, ime CSS datoteka može varirati, ali obično je style.css ili template.css.
I tako smo se odlučili za datoteku, ali kako da saznamo gdje je? Vrlo je jednostavno, samo trebate pomaknuti kursor miša preko lokacije s desna strana riječ style.css, nakon čega će se pored nje ispisati put do datoteke. Istovremeno, ovdje će biti naznačena linija koju trebamo ispraviti. Kao što vidite na slici, ovo je prva linija.
Važna točka! Prije izmjena napravite sigurnosnu kopiju stranice, da tako kažem, za svaki slučaj
Neka CSS svojstvaU nastavku ću dati neka svojstva s kojima možete dodati određene promjene i eksperimentirati sa stilovima.
Veličina fonta – promijenite veličinu teksta.
Dekoracija teksta – ovisno o naredbi, to uključuje precrtavanje i podcrtavanje teksta, kao i isticanje linijama.
Font-family – obitelj fontova.
Težina fonta – odabir.
Boja – boja teksta.
Ako se ništa nije promijenilo nakon podešavanja, izbrišite predmemoriju preglednika. Kao što vidite, promijeniti izgled zaglavlja i osvježite dizajn stranice, samo ga trebate podesiti css kod, i nema načina za promjenu html koda.
Hvala vam na pažnji i vidimo se uskoro na stranicama Stimylrosta.
Pronađen u tekstu gramatička greška? Prijavite ovo administratoru: odaberite tekst i pritisnite kombinaciju tipki prečaca Ctrl+Enter
Ctrl + U Kako pogledati izvor element?Kliknite desnom tipkom miša na element stranice koji vas zanima.
Google Chrome: “Pogledajte kod elementa”
Opera : “Provjeri element”
FireFox : “Analiziraj element”
U drugim preglednicima potražite stavku izbornika sa sličnim značenjem.
Bok svima!
Posebno sam izložio cijelu poantu na početku članka, za one koji traže brz odgovor.
Informacija je možda poznata mnogima, ali budući da pišem za blogere početnike, web programere i druge tražitelje, ovaj referentni članak morate imati.
U budućnosti ćete svakako proučavati izvorni kod stranica i pojedinačnih elemenata.
Pogledajmo konkretan primjer kako možete koristiti pregled izvornog koda stranice.
Na primjer, želimo vidjeti što ključne riječi(ključne riječi) koriste se za određenu stranicu. Idemo na web stranicu koja nas zanima i pritisnemo Ctrl+U. Izvorni kod ove stranice otvorit će se u posebnom prozoru ili na zasebnoj kartici. Pritisnite Ctrl+F za traženje fragmenta koda. U u ovom slučaju upišite riječ "u polje za pretraživanje" ključne riječi". Automatski ćete biti preusmjereni na dio koda s ovom meta oznakom, a tražena riječ bit će istaknuta.
Analogno tome, možete pretraživati i proučavati druge fragmente koda.
Pregledavanje cijelog izvornog koda stranice u većini slučajeva nije baš zgodno, stoga je moguće vidjeti kod u svim preglednicima pojedinačni element ili fragment.
Upotrijebimo konkretan primjer pregleda koda elementa. Na primjer, da vidimo ima li poveznica nofollow atribut. Klik desni klik mišem na link koji nas zanima i na padajući izbornik kontekstni izbornik Kliknite lijevom tipkom miša na stavku “View element code” ili sličnu (ovisno o vašem pregledniku). Ispod, u posebnom prozoru za analizu koda, dobivamo nešto slično.
Vidimo da kod veze sadrži rel=”nofollow” . To znači da PR neće “curiti” preko ovog linka. O tome ćemo detaljnije govoriti u sljedećim člancima. Sada je važno da sada znate kako vidjeti izvorni kod stranice i izvorni kod pojedinačnog elementa.