Bagaimana cara menemukan kode artikel yang saya tulis? Cara cepat membuka kode halaman di browser, meskipun dilarang menyalin

Melihat-lihat situs yang tak terhitung jumlahnya di Internet, Anda dapat menemukan situs yang sangat kami sukai. Sejumlah pertanyaan langsung muncul. Apakah situs tersebut dibuat menggunakan kode buatan sendiri atau semacam CMS? Gaya CSS apa yang dimilikinya? Apa meta tag-nya? Dan sebagainya.

Ada banyak tools yang dapat digunakan untuk mengekstrak informasi tentang kode suatu halaman website. Namun kami selalu memiliki tombol kanan mouse. Inilah yang akan kami gunakan, menggunakan situs saya sebagai contoh.

Bagaimana cara melihat kode halaman?

Untuk melihat kode sumber halaman situs, Anda perlu mengarahkan mouse ke area mana pun di halaman web (kecuali gambar dan tautan). Setelah itu klik tombol kanan tikus. Sebuah jendela dengan beberapa opsi akan terbuka di depan kita (in browser yang berbeda mungkin sedikit berbeda). Di peramban Google Chrome, misalnya, ini adalah perintahnya:

  • kembali;
  • maju;
  • menyalakan ulang;
  • simpan sebagai;
  • segel;
  • terjemahkan ke dalam bahasa Rusia;
  • lihat kode halaman;
  • kode tampilan.

Kita perlu mengklik lihat kode halaman, dan kode html halaman situs akan terbuka di depan kita.

Melihat kode halaman: apa yang harus diperhatikan?

Jadi, kode halaman HTML adalah daftar baris bernomor yang masing-masing membawa informasi tentang bagaimana situs ini dibuat. Untuk segera belajar memahami hal ini jumlah yang sangat besar tanda dan karakter khusus, Anda perlu membedakan bagian kode yang berbeda.

Misalnya, baris kode di dalam tag head berisi informasi untuk mesin pencari dan webmaster. Mereka tidak ditampilkan di situs. Di sini Anda dapat melihat kata kunci apa yang dipromosikan halaman ini, bagaimana judul dan deskripsinya ditulis. Anda juga dapat menemukan link di sini, dengan mengklik link tersebut kita akan belajar tentang keluarga font Google digunakan di situs.

Jika situs tersebut dibuat CMS WordPress atau Joomla, maka akan terlihat juga di sini. Misalnya, area ini menampilkan informasi tentang Tema WordPress atau Templat Joomla lokasi. Anda bisa melihatnya dengan membaca isi link yang disorot dengan warna biru. Satu tautan menunjukkan templat situs web.

Misalnya:

//fonts.googleapis.com/css?family=Source+Sans+Pro%3A400%2C400italic%2C600&ver=4.5.3

Kita akan melihat gaya font CSS halaman tersebut. DI DALAM dalam hal ini font yang digunakan. Ini dapat dilihat di sini - font-family: 'Source Sans Pro'.

Situs ini dioptimalkan menggunakan plugin SEO SEO Yoast. Ini dapat dilihat dari bagian kode yang dikomentari ini:

Situs ini dioptimalkan dengan Yoast plugin seo v3.4.2 – https://yoast.com/wordpress/plugins/seo/

Semua informasi yang terdapat di dalam tag body ditampilkan oleh browser di layar monitor. Disini kita melihat kode html halaman tersebut, dan di bagian paling bawah terdapat kode script Yandex Metrics. Itu dikelilingi oleh tag komentar dengan teks:

/Penghitung Yandex.Metrika

Mari kita simpulkan

Setelah melakukan analisis yang agak dangkal terhadap kode halaman utama situs, kita dapat menarik kesimpulan tentang alat apa yang digunakan untuk membuat halaman ini. Kami melihatnya:

  • CMS WordPress;
  • Sumber font Google Sans Pro;
  • Tema WordPress – Sydney;
  • plugin Yoast;
  • Penghitung metrik Yandex.

Sekarang prinsip menganalisa kode html suatu halaman website sudah cukup jelas. Sama sekali tidak perlu membiarkan halaman yang Anda teliti tetap terbuka di browser. Anda dapat menyimpan kode halaman ke komputer Anda menggunakan kombinasi tombol ctrl+a, ctrl+c, ctrl+v. Tempelkan ke mana saja editor teks(Notepad++ lebih baik) dan simpan dengan ekstensi html. Dengan cara ini, Anda dapat mempelajarinya lebih dalam kapan saja dan menemukan lebih banyak informasi berguna untuk diri Anda sendiri.

Ukuran, warna beberapa elemen penting blog - seperti judul blog atau postingan, semakin banyak tag, dan sejenisnya. Saya mencari kode yang diperlukan secara manual, bereksperimen dengan domain pengujian, yang menjadi dasar penulisan artikel tersebut.

Dan baru-baru ini saya perlu mengubah warna tautan. Setelah menyaring banyak literatur tentang masalah ini, saya menyadari hal yang sederhana: semua orang memberikan contoh dari templat sendiri, tetapi kita semua memiliki templat yang berbeda, dan ada baiknya jika kode dari contoh setidaknya sedikit mirip: tanpa merengek, saya akan tetap menemukannya dengan mencari - secara acak.

Nomor tersebut tidak berfungsi dengan kode tautan. Setiap orang menunjukkan jalan yang sangat berbeda. Saya bertanya-tanya apakah ada alat yang sederhana dan akurat tentang cara menemukannya kode yang diperlukan html di situs mana pun.

Banyak blogger, bahkan yang berpengalaman sekalipun, mengalami kesulitan dalam melakukan sedikit modifikasi pada template. Hal ini tidak ada salahnya, karena setiap orang mempunyai kepentingan dan tujuan masing-masing dalam membuat website. Jika Anda ingin menyetor perubahan kecil menjadi template, misalnya mengubah judul apa pun, nama artikel dan bagian, warna dan ukuran font dan tautan, biasanya cukup untuk mempelajarinya prinsip sederhana , yang dibahas dalam artikel ini. Tapi ada juga kasus yang kompleks

Suatu hari, seorang kenalan meminta saya mencari tempat untuk mengubah warna panel kategori di templatnya. Mengunggah topik ke subdomain pengujian. Pengaturan untuk elemen ini tidak disimpan di style.css, tetapi di file lain, sehingga seseorang tidak dapat menemukannya.

Bagaimana menemukan dan mengubah html dan kode css lokasi

Jika Anda tidak menyukai artikel yang panjang, di akhir artikel terdapat video tutorial untuk Anda yang memberi tahu Anda cara melihat kode html situs web menggunakan Notepad++ dan membuat perubahan pada desain template apa pun menggunakan contoh cara mengubah warna font. Dalam video tersebut terdapat seluk-beluk lain dalam menangani blog. Dan bagi mereka yang lebih dekat dan teks yang lebih jelas, di bawah analisis rinci tema dengan tangkapan layar.
httpv://youtu.be/uIlVvwCt2ho

Istilah dan konsep

Akan lebih tepat untuk menyebut artikel itu “Cara menemukan kode css”, tetapi saya memutuskan untuk menggunakan judul yang “salah”, karena pada dasarnya jawaban atas pertanyaan ini ada di html. CSS dan HTML adalah hal yang sangat berbeda, meskipun keduanya merupakan bagian dari sistem yang sama. Ada banyak artikel teknis di Internet, disini cukup kita memahaminya:

  • HTML - bertanggung jawab atas struktur situs (apa yang mengikuti, dalam urutan apa, dll.). Ini adalah dasar pembuatan situs ini. Jika kita bandingkan dengan sebuah rumah, maka inilah tata letaknya, penataan ruangannya.
  • CSS bertanggung jawab atas desain (font, ukuran, warna, dll.). Ini adalah gaya umum rumah dan gaya masing-masing kamarnya: jenis wallpaper apa yang akan ada, lampu, gorden, furnitur. Oleh karena itu, dokumen yang menulis kode css disebut “style sheet”

Dan jika Anda bertanya-tanya bagaimana cara mengubah, misalnya, warna judul situs, ukuran font di teks, atau warna header di sidebar, maka Anda perlu mencari semua ini di style sheet CSS. Ini adalah satu-satunya hal yang perlu dipahami terlebih dahulu untuk membuat perubahan pada kode sendiri.

Saya suka membuat yang rumit menjadi sederhana. Saya teringat dahulu kala, ketika saya pertama kali memiliki mobil, usianya sudah sangat tua, kabelnya busuk, sekringnya sering putus, dan setiap kali saya menariknya ke bengkel. Bayangkan berapa banyak uang yang terbuang sia-sia mengingat hal itu penggantian diri, ternyata, harganya satu sen.

Suatu hari saya melihat apa sebenarnya yang dilakukan sang master. Saya masih belum tahu cara kerja sekringnya. Tapi saya tahu di mana harus mengubahnya). Saya tidak akan memperbaiki motornya sendiri, dan mengganti sekringnya tidak sulit. Sama halnya dengan situs web.

Jika Anda tidak ingin menjadi seorang programmer, maka tidak perlu memiliki pemahaman mendalam tentang pemrograman. Cukup jelas untuk memahami apa tujuannya, di mana mencarinya dan bagaimana mengubahnya. Lebih baik mengubah apa yang Anda bisa sendiri, dan menyerahkan segalanya kepada spesialis. Dalam artikel tentang ada tautan yang bermanfaat pada topik ini.

Apakah Anda perlu menjadi ahli dalam segala hal?

Seringkali ada diskusi di blog SEO tentang apakah seorang pemula perlu memiliki pemahaman mendalam tentang HTML, atau bahkan lebih baik lagi, belajar cara menulis website sendiri agar semuanya unik.. Yah, saya tidak tahu - masing-masing miliknya sendiri, dan di sini apa yang lebih dekat, siapa yang lebih dekat. Saya lebih tertarik, jadi sekarang saya belajar lebih banyak dari Vladimir. Pada bulan November tahun ini, Vladimir membuka blognya sendiri. Blognya dibuat dengan cara yang paling sederhana, templat gratis, dia hanya mengubahnya sedikit agar sesuai dengan dirinya.

Setelah 10 hari berdiri, blog tersebut menempati peringkat 104 di peringkat semua situs Runet dengan lalu lintas sekitar 1,5 ribu orang per hari. Dalam 10 hari. Jadi ada apa? Vladimir fasih dalam HTML, dia bisa memesan dan membelinya sendiri templat unik. Jadi, Anda harus memahami bahwa rahasianya bukan terletak pada templatnya, tetapi pada kegunaan informasinya.

Di mana kode html disembunyikan?

Maaf atas penyimpangannya, mari kembali ke kode kita). Katakanlah Anda ingin mengubah warna font judul blog Anda. Mari kita lihat contoh situs pengujian saya.

  • Membuka situs di peramban Google krom(jika Anda belum menggunakannya, instal - ini dirancang dengan baik untuk bekerja dengan situs web, ia memiliki banyak alat bawaan).
  • Kami memindahkan kursor mouse ke elemen yang akan kami ubah. Dalam hal ini - nama blog. Kami klik kanan padanya dan di jendela yang muncul, pilih LIHAT KODE ELEMEN.
  • PENTING: jangan bingung dengan MELIHAT KODE HALAMAN! Kita tidak memerlukan keseluruhan halaman sekarang, hanya elemen terpisah.

    Klik di atasnya - jendela tampilan kode muncul di bagian bawah browser:

    Baris kode yang kita ubah disorot dengan warna merah.

    Namun area yang disorot dengan warna biru berisi apa yang kita cari. Di sinilah Anda dapat menemukan baris kode yang tepat (bukan perkiraan) yang bertanggung jawab atas font, warna, ukuran, sorotan, dll. Dengan cara ini Anda dapat mengetahui kode APAPUN dari setiap elemen template apa pun.

    Temukan garis yang diinginkan di blok yang disorot dengan warna biru. Ada penggeser di sebelah kanan, Anda dapat menggulir dan menemukan garis yang Anda butuhkan.

    Prinsip umum di mana mencari sesuatu:

    Nama font - di baris FONT FAMILY

    Ukuran font - di baris UKURAN FONT

    Warna font - di baris WARNA

    Berikut adalah tiga baris utama yang mengubah nama, ukuran, dan warna font elemen apa pun. Tepat di barisan gaya css Posisi garis dalam dokumen diberikan. Jika Anda perlu mengubah beberapa elemen lain (misalnya, Anda perlu mencari tahu di mana garis di mana Anda dapat mengubah warna bilah menu atau warna tautan), semuanya dilakukan dengan cara yang persis sama.

    PERHATIAN:

    Baris yang akan kita salin disorot dengan warna merah pada gambar,

    sehingga nanti Anda dapat menemukannya di style sheet.

    4. Salin barisnya. Karena dalam contoh ini kita ingin mengubah warna nama situs, saya menyalin garis yang disorot pada persegi panjang merah pada gambar kedua. Di template saya, ini bertanggung jawab untuk mengubah warna judul situs:

    #header h1 a, #header h1 a:dikunjungi (

    Temukan baris yang diperlukan dalam file "style sheet (style.css)". Ini sudah dilakukan di panel admin. Saya sangat meminta, meskipun tidak ada keyakinan dan pemahaman yang lengkap, semua eksperimen harus dilakukan pada subdomain pengujian untuk mengecualikan .

    Jadi, buka panel admin: KONSOL - PENAMPILAN - EDITOR. Di sidebar kanan kita menemukan file STYLE TABLE (STYLE.CSS), buka.

    Sekarang buka bilah pencarian tombol CTRL+F: masuk jendela atas Jendela baris kosong akan muncul. Kami menempelkan ke dalamnya baris yang kami salin pada langkah 4.

    Dan Anda akan melihat bagaimana baris ini akan disorot di style sheet (berwarna oranye pada gambar):

    Kami membuat perubahan pada elemen. Dalam kasus kami, kami mengubah warna font, jadi di baris WARNA kami mengganti nilai lain - warna yang kami inginkan. Pada contoh warnanya hitam, artinya:

    Anda dapat memilih warna di layanan palet warna web apa pun: ketik “Palet warna web” di mesin pencari dan pilih warna yang Anda inginkan. Kami memilih warna, menyalin nilai digitalnya dan dengan hati-hati menggantinya dengan yang lama. setelah itu kita klik UPDATE FILE dan lihat apa yang terjadi.

    Jika perubahan tidak ditampilkan, selama satu jam terakhir dan buka halaman itu lagi - kali ini semuanya akan ditampilkan.

    Memang butuh waktu lama untuk mendeskripsikannya, namun pada praktiknya semuanya dilakukan dengan cepat, terutama saat skill awal sudah muncul.

    Lebih detailnya cara mengubah elemen tertentu:

    Itu saja untuk hari ini, saya tidak akan mengganggu Anda dengan kode lagi. Saya harap sekarang Anda sendiri dapat dengan mudah menemukan dan mengubah elemen apa pun dari kode html, atau lebih tepatnya, kode css - semoga para ahli memaafkan saya karena telah menyederhanakannya. Dan jika Anda tidak mengetahuinya, tetap kunjungi halaman tersebut. Jangan buang waktu Anda untuk hal-hal yang tidak masuk akal.

    Saya sarankan menonton video Artem Abramovich tentang cara mencari dan menemukan kata atau elemen apa pun dalam tema/templat apa pun, untuk mesin apa pun (wordpress, joomla, dll.) dan menggantinya dengan yang Anda perlukan:

    Silakan bagikan jika Anda menyukainya:

    Anda mungkin juga tertarik untuk mengetahui:

    Setiap pengguna Internet memiliki situs favoritnya sendiri yang ia belanjakan waktu yang lama. Dan hanya orang malas yang tidak berpikir untuk melihat bagaimana itu dibuat dan terdiri dari apa. Tidak mungkin menjawab semua pertanyaan ini, karena ada banyak cara untuk membuat situs web, tetapi melihat perintah dan kode yang menyusunnya adalah mungkin dan tersedia untuk umum bagi semua orang.

    Pertanyaan lainnya adalah apakah seseorang yang tidak terlibat dalam pemrograman akan memahami simbol apa pun yang membentuk kode tersebut. Namun dari contoh yang akan diberikan di bawah ini, apa saja pengguna Google Chrome akan dapat melihatnya elemen individu situs.

    Cara melihat kode sumber halaman html di browser Google

    Agar Anda dapat melihat kode halaman di Chrome, Anda harus mengunjungi situs yang Anda minati dan melakukan langkah-langkah berikut:


    Kedua item ini berbeda dalam fungsi dan informasinya bagi pengguna, pemrogram, atau peretas.

    Apa perbedaan antara kode halaman dan perintah “Lihat Kode” saja?

    Menganalisis masing-masing fungsi ini, Anda dapat menulis artikel terpisah. Bagi pemrogram, perbedaan ini signifikan dan mereka memahami dalam kasus mana perlu menggunakan "Lihat Kode" dan dalam kasus apa "Lihat Kode Halaman" di browser Google Chrome.

    Namun untuk menjelaskan kepada rata-rata pengguna, fungsi-fungsi ini dapat dibagi menjadi beberapa tujuan berikut:

  • “Lihat kode halaman” hanya diperlukan untuk melihat kombinasi utama halaman. Pada dasarnya ini adalah struktur situs (tanpa model tambahan berupa file CSS dan tambahan lainnya yang tetap berada di folder pembuat situs). Struktur ini tidak cocok untuk membuat halaman Anda sendiri dengan "menyalin-menempel", tetapi ini akan memungkinkan Anda melihat apa sebenarnya yang dilakukan pemrogram dan dalam urutan apa untuk memastikan bahwa situs di browser Google Chrome memiliki desain eksternal seperti itu.
  • “Lihat Kode” menampilkan struktur terperinci, menyorot semua area yang terpengaruh pada halaman. Jika Anda mengarahkan kursor ke kode daftar tertentu, itu akan menyorot elemen di situs tempatnya.
  • Lihat kode halaman yang terbuka peramban terpisah tanpa kemampuan untuk mengeditnya. Artinya, hanya cocok untuk menyalin dan membaca kode situs. Namun fungsi ini tidak kalah bermanfaatnya.
  • "Lihat kode" dapat diubah dan Anda dapat mengedit elemen apa pun dengan cara yang nyaman bagi Anda. Tentu saja, semua perubahan ini akan “hidup” hingga halaman disegarkan, namun terkadang menyenangkan untuk menelusuri pengaturan tersebut dan sekadar memahami mengapa nilai ini atau itu diperlukan, dan apa yang akan terjadi jika Anda mengubahnya. Anda tidak boleh berasumsi bahwa dengan tindakan seperti itu Anda akan merugikan diri sendiri atau situs dengan cara apa pun - perubahan ini hanya memengaruhi kode Google Chrome Anda dan tidak online.
  • Kami sedang mempertimbangkan pertanyaan tentang cara melihat kode elemen

    Jika kita harus menjawab pertanyaan seperti itu, maka satu-satunya pilihan yang muncul adalah sebuah contoh. Karena dalam satu artikel sangat sulit untuk menjadi orang yang memahami topik ini (web developer), tetapi untuk menunjukkan dengan contoh agar pertanyaannya terselesaikan jauh lebih mudah.

    Fungsi kode elemen sangat luas, jadi kami mengambil salah satu kata di website browser Google Chrome. Kami ingin mempertimbangkan apa kata kunci(dalam kode akan ditulis sebagai “kata kunci”) yang digunakan untuk situs kami. Untuk melakukan ini, kami melakukan algoritma berikut:

    Cara lain untuk menggunakan fitur ini di browser Google Chrome

    Secara umum, untuk terus menjawab pertanyaan tentang bagaimana melihat kode suatu elemen dan mengapa diperlukan, Anda harus membuat daftar fungsinya. Yaitu, berkat kemampuan untuk melihat kode elemen situs mana pun di browser Google Chrome, kita dapat:

    • Lihat struktur situs mulai dari head (“header situs”) dan diakhiri dengan end (perintah terakhir dari program apa pun);
    • Lihat seluruh fungsi situs, yaitu: tautan ke situs lain, modul tambahan dari situs eksternal dan keberadaan penghitung bawaan untuk mengumpulkan berbagai informasi;
    • Cari tahu apakah menyalin dari situs tersebut dilarang atau tidak;
    • Kode akan mencatat semua link ke halaman lain situs, serta desainnya dan tindakan selanjutnya setelah mengkliknya.

    Ini jauh dari daftar terakhir. Namun perlu diingat bahwa tanpa pengetahuan khusus Anda dapat “membaca” kode tersebut halaman Google Chrome hampir mustahil dan data diperoleh kepada pengguna rata-rata praktis tidak diperlukan.

    Item “Lihat kode elemen” tidak berfungsi

    Harus segera dikatakan bahwa setiap situs akan memilikinya akses terbuka ke kode elemen. Artinya, bahkan situs paling populer dan mahal pun akan terbuka untuk melihat kodenya. Oleh karena itu, jika item di browser Google Chrome tidak aktif atau menghasilkan kesalahan, kemungkinan alasannya adalah sebagai berikut:

    • Profil pengguna rusak;
    • Kehadiran malware di komputer;
    • Pemblokiran dengan ekstensi tertentu untuk meningkatkan kinerja (bahkan hal ini bisa terjadi).
    Memperbaiki profil pengguna yang rusak

    Untuk membuat profil baru, Anda harus menghapus yang lama dari komputer Anda. Untuk melakukan ini kami melakukan hal berikut:

  • Tutup Google Chrome dan luncurkan yang bawaan peramban Windows Penjelajah.
  • Masuk bilah alamat perintah berikut: %LOCALAPPDATA%\Google\Chrome\User Data\.
  • Saat direktori terbuka, cari folder “Default” dan tambahkan “Backup” pada namanya sehingga terlihat seperti ini: “Backup Default”.
  • Sekarang, setelah browser Chrome dimulai ulang, profil baru akan dibuat.
  • Kami menghapus malware atau sisa-sisanya

    Jika profil baru tidak memberi kita akses ke kode elemen halaman dan kita masih melihat kesalahannya, kita harus melakukan hal berikut:

  • Pembukaan baris perintah Windows (“Run”) dan masukkan perintah “cmd” di sana.
  • Masukkan perintah berikut ke dalam baris: RD /S /Q “%WinDir%\System32\GroupPolicyUsers”.
  • Setelah mengonfirmasi tindakan, masukkan ini: RD /S /Q “%WinDir%\System32\GroupPolicy”.
  • Sekarang “gpupdate / force” (tanpa tanda kutip).
  • Jika semuanya dilakukan dengan benar, maka setelah reboot komputer Google Chrome akan membuka kode elemen dan browser akan bekerja normal.

    Seiring waktu, master web pemula memiliki pertanyaan logis: bagaimana mengubah warna dan gaya penulisan judul, menambah volume, dan memperbesar font judul yang sama. Hal ini membingungkan banyak pemula, karena tidak jelas apa dan di mana mencarinya.

    Tentu saja, Anda dapat terlibat dalam studi mendalam tentang semua seluk-beluk pembuatan situs web ini, tetapi meskipun tidak ada prospek seperti itu, pertanyaan logis lainnya muncul: apakah Anda memerlukannya?

    Anda memerlukan banyak waktu untuk menguasai dasar-dasar webmastering. Dan waktu adalah uang. Oleh karena itu, jika Anda memerlukan sedikit penyesuaian pada beberapa elemen template dan tidak tahu cara menemukan kode HTML yang diperlukan, apa pun platform situsnya, artikel ini cocok untuk Anda.

    HTML dan CSS - hubungan

    Sebenarnya, topiknya harus diberi judul seperti: “Cara mengedit kode CSS.” Baiklah, kita akan mulai dengan HTML dan diakhiri dengan CSS. Masalahnya adalah jika Anda perlu mengubah warna, font situs, tepung roti mengarah ke file CSS.

    Pertama-tama mari kita definisikan kedua konsep ini:

    - Kode HTML menjadi dasar pembuatan situs. Berkat itu browser memahami elemen mana dan dalam urutan apa yang ditampilkan pada halaman tertentu.

    - Kode CSS adalah bahasa pemrograman yang bertanggung jawab penampilan halaman web. Kode inilah yang harus dapat diedit jika Anda perlu mengubah tampilan situs.

    Menjadi jelas bahwa jika Anda perlu mengubah, misalnya, warna judul artikel atau item menu, maka salah satu file CSS perlu diedit. Inilah yang perlu dipahami tahap awal melakukan perubahan pada diri Anda sendiri.

    Dimana kode html halamannya?

    Saya tidak akan menyembunyikan fakta bahwa pada awal perkenalan saya dengan prinsip-prinsip pembuatan situs web, saya bukan hanya sebuah teko, saya adalah samovar yang benar-benar berkarat. Oleh karena itu, Anda, seperti saya, pasti akan berhasil.

    Jadi, kembali ke topik mengubah kode halaman, Anda harus melihat terlebih dahulu kode htmlnya. Saya akan memberi tahu Anda dengan sebuah contoh peramban Opera, karena saya sebagian besar bekerja di sana. Saya segera memberi tahu Anda bahwa jika Anda lebih suka menggunakan browser lain, sebaiknya jangan langsung menutup halaman ini, karena prinsip verifikasi apa pun browsernya hampir sama.

    Cara mengubah gaya tajuk

    Dalam salah satu artikel sebelumnya saya berbicara tentang “Cara menghapus link dari header Joomla”, dan hari ini Anda akan belajar bagaimana memperbaiki semua ini dan membuatnya lebih menarik.
    Katakanlah kita perlu mengubah warna dan ukuran judul artikel. Untuk melakukan ini, klik kiri padanya dan pilih “Lihat kode elemen” di jendela yang terbuka. Setelah itu, di sisi kiri layar, hieroglif fantastis akan muncul untuk menarik perhatian kita, yang dengannya kita akan menentukan di mana anjing itu dikuburkan. Dengan cara ini Anda dapat melihat dan memperbaiki hampir setiap elemen template.

    Di atasnya, saya telah menyorot kode HTML yang bertanggung jawab untuk menampilkan header h1. Secara default, ini disorot saat diperiksa latar belakang abu-abu. Oh baiklah, itu saja informasi umum. Kita perlu memperhatikan bagian bawah tangkapan layar, tempat skrip yang bertanggung jawab untuk keluaran berada gaya CSS. Saya ingin segera memperingatkan Anda bahwa bergantung pada template, nama file CSS mungkin berbeda, tetapi biasanya style.css atau template.css.

    Jadi kami telah memutuskan file tersebut, tetapi bagaimana kami mengetahui di mana file tersebut berada? Caranya sangat sederhana, Anda hanya perlu mengarahkan kursor mouse ke lokasi tersebut sisi kanan kata style.css, setelah itu jalur ke file akan ditampilkan di sebelahnya. Pada saat yang sama, garis yang perlu kita perbaiki juga akan ditunjukkan di sini. Seperti yang Anda lihat pada gambar, ini adalah baris pertama.

    Poin penting! Sebelum melakukan perubahan, lakukan salinan cadangan

    situs, bisa dikatakan, untuk setiap petugas pemadam kebakaran

    Beberapa properti CSS Di bawah ini saya akan memberikan beberapa properti yang dapat Anda tambahkan dan bereksperimen dengan gaya.

    Ukuran font – mengubah ukuran teks.

    Dekorasi teks – tergantung pada perintahnya, ini termasuk mencoret dan menggarisbawahi teks, serta menyorot dengan garis.

    Keluarga font – keluarga font.

    Berat font – pilihan.

    Warna – warna teks.

    Jika tidak ada yang berubah setelah penyesuaian, bersihkan cache browser Anda. Seperti yang Anda lihat, untuk mengubah tampilan header dan menyegarkan desain situs, Anda hanya perlu mengubah kode CSS, dan tidak mengubah kode html.

    Terima kasih atas perhatiannya dan sampai jumpa di halaman Stimylrosta.

    Ditemukan dalam teks kesalahan tata bahasa? Silakan laporkan hal ini kepada administrator: pilih teks dan tekan kombinasi tombol pintas Ctrl+Enter

    Artikel terbaru ini ditulis untuk menyoroti informasi terkini tentang menghapus link yang tidak perlu dari template Blogspot, serta dari tema Blogger baru. Seperti yang Anda ketahui, ada perubahan pada kode Blogger di tahun 2018, sehingga banyak tindakan dengan kode tersebut yang perlu dilakukan dengan cara baru. Ditambah lagi bermunculan topik-topik baru yang bentuknya berbeda. Sehubungan dengan perubahan tersebut, kami akan membahas topik penghapusan link.
    Anda dapat memeriksa blog Anda untuk mengetahui keberadaan tautan eksternal di layanan https://pr-cy.ru/link_extractor/ dan https://seolik.ru/links. Jangan lupa bahwa Anda perlu memeriksa tidak hanya halaman utama blog, tetapi juga halaman postingan dan Halamannya. Jumlah besar Tautan eksternal yang terbuka untuk pengindeksan dicegah.

    Cara menghapus tautan dari yang lama templat standar Blogger Menggunakan template Sederhana sebagai contoh.
    Templat seperti itu memberikan tautan eksternal paling banyak. Di blog pengujian saya, ketika saya memasang tema sederhana, saya memeriksa dan menemukan 25 tautan eksternal ke halaman rumah, 14 di antaranya diindeks.
    Saya ingatkan Anda bahwa sebelum melakukan perubahan pada kode template, buatlah salinan cadangan!
  • Hapus tautan ke Blogger - https://www.blogger.com/. Tautan ini terdapat dalam widget Atribusi. Di tab “Desain Blog”, ditampilkan sebagai gadget Atribusi dan . Untuk menghapusnya, buka tab “Tema” -> edit HTML. Dengan mencari widget (daftar widget), kami menemukan Attribution1 dan menghapus semua kode beserta bagian footer di dalamnya. Ini adalah tampilan kode yang dihapus yang diciutkan:


    Dan inilah kode lengkapnya:














    Simpan perubahan dan periksa blog untuk Atribusi.
  • Anda tentu saja pernah melihat ikon “Kunci Pas dan Obeng” di blog Anda untuk mengedit widget dengan cepat. Setiap ikon tersebut disertai dengan tautan eksternal ke Blogger. Mereka sekarang ditutup diberi tag nofollow, tetapi Anda tetap harus membuangnya. Anda akan mengedit widget di tab Desain.
    Di Sini daftar tidak lengkap link yang dienkripsi dengan ikon kunci inggris (ID blog akan menjadi milik Anda)
    - Widget HTML1: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML1&action=editWidget§ionId=header
    - Widget HTML2 http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML2&action=editWidget§ionId=header
    - Arsip blog: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget§ionId=main
    - Pintasan blog: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=Label&widgetId=Label1&action=editWidget§ionId=main
    - Pesan populer: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=PopularPosts&widgetId=PopularPosts2&action=editWidget§ionId=main
    Sangat mudah untuk menghilangkan semua tautan ini. Temukan tag di template blog Anda. Muncul sebanyak widget yang ada di blog Anda. Hapus semua kemunculan tag.
  • Menghapus tautan ke pengeditan cepat entri blog (ikon “Pensil”). Mempermudah untuk mengedit postingan, tetapi menimbulkan ancaman sebagai tautan eksternal seperti: https://www.blogger.com/post-edit.g?blogID=1490203873741752013&postID=4979812525036427892&from=pencil
    Cara menghapus:
    Metode 1. Di tab Desain, edit elemen “Postingan Blog” dan hapus centang pada kotak “Tampilkan “Edit Cepat””.
    Metode 2. Temukan tag di template blog Anda dan hapus. Simpan perubahan Anda dan periksa blog Anda untuk ikon dan tautan.
  • Hapus bilah navigasi. Cari widget di templat html blog Navbar1 dan hapus semua kode beserta bagiannya.

    Yaitu:




    fungsi setAttributeOnload(objek, atribut, val) (
    if(jendela.addEventListener) (
    window.addEventListener("memuat",
    fungsi())( objek = val; ), salah);
    ) kalau tidak (
    window.attachEvent("onload", function())( objek = 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\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot \x3dhttps://m- ynewblog.blogspot.com /search\x26blogLocale\x3dru\x26v\x3d2\x26homepageUrl\x3dhttps://m-ynewblog.blogspot.com/\x26vt\x3d-3989465016614688571",
    dimana: document.getElementById("navbar-iframe-container"),
    id: "navbar-iframe"
    });
    }
    });

    (fungsi() (
    var skrip = dokumen.createElement("skrip");
    script.type = "teks/javascript";
    script.src = "//pagead2.googlesyndication.com/pagead/js/google_top_exp.js";
    var head = document.getElementsByTagName("head");
    jika (kepala) (
    head.appendChild(skrip);
    }})();



    Sekarang blog Navbar tidak menyediakan tautan eksternal yang dapat diindeks, tapi saya yakin ini elemen tambahan, yang tidak membawa beban fungsional, dan lebih baik dihilangkan.
  • Menghapus tautan eksternal ke gambar. Saat Anda mengunggah gambar ke postingan blog, tautan secara otomatis disematkan ke dalam gambar. Untuk menghapus tautan tersebut, Anda harus mengedit semua entri blog. Dalam mode “Lihat” dan kemudian pada ikon “Tautan”. Jika gambar tidak berisi link eksternal, maka saat Anda mengklik foto di editor postingan, ikon “Link” tidak aktif (ikon tidak disorot).

  • Hapus tautan ke profil penulis blog. Hapus penulis blog di bawah postingan. Untuk melakukan ini, temukan kode yang benar dan tulis salah, bukan benar. Ternyata salah
  • Tutup link dari widget “ ” agar tidak terindeks dengan tag nofollow. Jika Anda menggunakan widget "profil" di blog Anda, carilah pencarian cepat untuk widget di template blog, kode gadget Profile1. Anda perlu mengedit kode widget, mengganti rel=’author’ dengan rel=’nofollow’ di dua tempat dan menambahkan rel=’nofollow’ ke dua link. Anda harus mendapatkan sesuatu seperti tangkapan layar:


    Dibuat menggunakan contoh pengeditan profil Google Plus. Saya mengingatkan Anda akan hal itu Google Ditambah akan dilikuidasi pada tanggal 2 April 2019. Oleh karena itu, setelah tanggal ini, Anda perlu melakukan perubahan lain pada kode widget “Tentang Saya”.

  • Kami memeriksa keberadaan tautan eksternal di halaman mana pun dari postingan Blogspot yang berisi komentar. Temukan dan hapus kode di template blog:

    Pada Pengaturan Blog, ikuti jalur Pengaturan Blog -> Lainnya -> Umpan Situs -> Izinkan Umpan Blog, terapkan pengaturan berikut:

  • Hapus tautan eksternal dari template Blogger standar baru Menggunakan tema Terkemuka sebagai contoh
  • Hapus Atribusi (tautan di bawah – Teknologi Blogger)
    Temukan Attribution1 di template blog untuk mencari berdasarkan widget (daftar widget) dan hapus kode beserta bagiannya, mirip dengan yang lama Template Blogger (lihat di atas 1).
  • Kami menghapus tautan dari widget “Laporkan Penyalahgunaan”. Ini adalah widget ReportAbuse1. Kami menemukan dalam pencarian widget:
    Seluruh kode terlihat seperti ini:




  • Kami memeriksa halaman posting blog dengan komentar dan menghapus link dengan analogi dengan template blog lama (lihat di atas - poin 8).
  • Kami menghapus link dari postingan blog yang disematkan pada gambar postingan (lihat poin 5).
    • Sergei Savenkov

      semacam ulasan "pendek"... seolah-olah mereka sedang terburu-buru di suatu tempat