Artikel ini merupakan tambahan dari artikel tentang penyederhanaan skrip. Di sini prinsip dasar enkripsi dan pengemasan akan dipertimbangkan, titik lemah perlindungan, metode penghapusan manual, serta alat universal untuk penghapusan pengemas secara otomatis dan perlindungan berengsel dari skrip JavaScript. Semakin banyak akhir-akhir ini sumber skrip dienkripsi atau dikemas. Yandex, DLE, dan proyek populer lainnya mulai terlibat dalam hal ini, dan cerita indah tentang "menjaga pengguna", "menghemat lalu lintas", dan omong kosong lainnya terlihat sangat lucu. Nah, jika seseorang menyembunyikan sesuatu, maka tugas kita adalah membawanya ke air bersih.
Mari kita mulai dengan teori. Karena kekhasan eksekusi JavaScript, semua enkripsi dan pengemas, terlepas dari keragamannya, hanya memiliki dua opsi algoritme: atau sebagai opsi: Metode kedua paling sering digunakan untuk melindungi kode html sumber halaman, serta berbagai Trojan untuk menyuntikkan kode berbahaya ke dalam laman, seperti bingkai tersembunyi. Kedua algoritme dapat digabungkan, "trik" dan kerumitan dekripsi dapat berupa apa saja, hanya prinsipnya sendiri yang tetap tidak berubah.
Dalam kedua kasus tersebut, ternyata fungsinya eval() dan dokumen.tulis() data yang didekripsi sepenuhnya ditransmisikan. Bagaimana cara mencegat mereka? Coba ganti eval() pada peringatan(), dan di MessageBox yang terbuka, Anda akan segera melihat teks yang didekripsi Beberapa browser memungkinkan Anda menyalin teks dari MessageBox, tetapi lebih baik menggunakan dekoder semi-otomatis ini:
-
<
html
>
-
<
head
><
title
>Dekoder JavaScript
-
<
body
>
-
<
script type
=
"text/javascript"
>
- // Fungsi untuk menulis hasil dekripsi ke log
-
dekoder fungsi(str)(
-
dokumen. getElementById("decoded"). nilai += str + "\n" ;
-
-
-
<
textarea id
=
"decoded"
style
=
"width:900px; height:500px;"
>
-
<
script type
=
"text/javascript"
>
-
-
-
Misalnya, mari kita ambil beberapa skrip dari Yandex, melihat kode sumbernya, kita melihat sesuatu yang tidak sehat:
Eval(fungsi(p,a,c,k,e,r)(e=fungsi(c)(kembali(c c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36)));if(!
"".replace(/^/,String))(sementara(c--)r=k[c]||e(c);k=)];e=fungsi()(kembali"\w+"); c=1);sementara(c--)jika(k[c])
p=p.replace(new RegExp("\b"+e(c)+"\b","g"),k[c]);return p)("$.1e
.18=8(j)(3 k=j["6-9"]||"#6-9";3 l=j["6-L"]||".u-L";3 m=j ["6-L-17"]
||"";3 n=j["1d"]||0;$(5).2(".6-9").14("7");$(5).2(".6 -9").Z("7",8(
)(3 a=$(5).x();3 o=$(5).x();3 h=$(5).B("C");$(5).v("g -4");$(5).16(
$(k).q());3 t=$(o).2("15");3 c=$(o).2(".b-r");3 d=$(o).2 ("".b-12");
[sisa omong kosong yang sama terpotong]
Saya harus segera mengatakan bahwa skrip ini diproses oleh Kompresor JavaScript, mudah dikenali dari tanda tangannya - nama karakteristik fungsi di awal skrip. Salin seluruh teks sumber skrip, ganti yang pertama eval pada decoder, rekatkan ke dekoder dan simpan sebagai halaman html Buka di browser apa pun dan lihat bahwa skrip yang telah dibongkar segera muncul di area teks. Masih terlalu dini untuk bersukacita, ini menghapus semua jeda baris dan pemformatan kode. Cara mengatasinya sudah tertulis di artikel tentang deobfuscation.
Contoh kedua. Ini adalah halaman html yang ditutupi dengan Pelindung HTML. Ini adalah halaman yang mendemonstrasikan kemampuan program, jadi semua opsi terlibat: memblokir pemilihan dan penyalinan teks, melarang tombol kanan mouse, melindungi gambar, menyembunyikan bilah status, mengenkripsi kode html, dll. Kami membuka kode sumber, kami melihat. Di bagian paling atas adalah document.write dan skrip terenkripsi yang sudah dikenal. Kami menjalankannya melalui dekoder, kami mendapatkan fungsi mendekripsi konten utama:
Kode (JavaScript):
-
hp_ok = true ;fungsi hp_d01 (s )( ... cut ... o = ar .join ("" )+ os ; document .write (o )
Kami mengganti document.write terakhir dalam fungsi dengan decoder dan memasukkan ketiga skrip terenkripsi yang tersisa setelahnya:
-
<
script type
=
"text/javascript"
>
- // Tempel skrip terenkripsi di sini, sebelumnya
- // ganti semua panggilan ke eval() dan document.write() di dalamnya dengan decoder().
-
hp_ok = true ;fungsi hp_d01 (s )( .... o = ar .join ("" )+ os ; decoder (o );
-
hp_d01(unescape(">QAPKRV%22NCLEWC ....
-
hp_d01(hapus( ">QAPKRV%22NCLEWCEG? HctcQa ...
-
hp_d01(hapus( ">`mf(%22`eamnmp? !DDDDDD %22v ...
-
Untuk kenyamanan, skrip tidak diberikan dalam artikel secara lengkap, tetapi Anda harus menyalinnya secara keseluruhan. Kami membuka dekoder di browser dan melihat skrip keamanan yang ditambahkan oleh program dan teks sumber halaman yang didekripsi. Untuk kenyamanan, Anda hanya dapat mendekripsi skrip ketiga, yang berisi kode html halaman. Itu semua perlindungan. Seperti yang Anda lihat, tidak ada yang rumit. Demikian pula, perlindungan halaman html lainnya dihapus.
Mari beralih dari dekripsi manual ke otomatis. Untuk menghapus proteksi tipe pertama, saya sedikit memodifikasi skrip Beautify Javascript yang sudah Anda kenal dan mengompilasinya menjadi file exe. Ini menangani sebagian besar perlindungan dan pembungkus JavaScript yang pernah saya lihat tanpa masalah.
Eval.JavaScript.Unpacker.1.1-PCL.rar (12.124 byte)
Untuk kasus yang lebih kompleks, artileri berat harus digunakan. Ini adalah proyek gratis yang dirancang untuk menyelidiki Trojan dan kode berbahaya lainnya. Karena semua program perlindungan hak cipta jelas berbahaya, Malzilla akan membantu kami melawannya. Unduh (hari ini 1.2.0), bongkar, jalankan. Buka tab Decoder kedua, rekatkan kode skrip terenkripsi ke jendela atas, tekan tombol
jalankan skrip.
Di folder
eval_temp semua hasil eksekusi fungsi eval() dirangkum, termasuk hasil perantara. Anda dapat melihatnya dengan mengklik tombol.
Tampilkan hasil eval(), teks akan terbuka di jendela bawah. Itu dapat disalin, ditempelkan ke jendela atas dan segera diformat dengan mengklik tombol
kode format. Selain dekoder, Malzilla memiliki lebih banyak alat dan pengaturan yang memungkinkan Anda menghapus perlindungan apa pun dari skrip JavaScript dengan mudah.
Anda juga dapat memperhatikan alat gratis lainnya untuk bekerja dengan skrip terenkripsi - FreShow. Ada lebih sedikit fungsi di dalamnya, tetapi ini adalah tempat yang tepat. Dari offsite Anda dapat mengunduh video demo yang menunjukkan contoh bekerja dengan program ini.
Seperti yang Anda lihat, tidak ada yang sulit dalam menghapus perlindungan dari skrip JavaScript dan dari halaman html. Apakah Anda masih terus membela "hak pencipta" Anda yang kotor? Lalu kami pergi ke Anda!
Di bawah semua gambar yang indah, tipografi yang sempurna, dan ajakan bertindak yang luar biasa adalah kode sumber situs Anda.
Setiap hari, browser Anda mengubah kode ini menjadi halaman yang mengesankan bagi pengunjung dan pelanggan Anda.
Google dan mesin pencari lainnya "membaca" kode ini untuk menentukan di mana halaman web Anda akan muncul di indeks mereka untuk suatu saat permintaan pencarian.
Oleh karena itu, sangat penting untuk Optimisasi Mesin Pencari(SEO) memiliki apa yang ada di kode sumber.
Panduan cepat ini akan menunjukkan kepada Anda cara membaca kode sumber situs Anda sehingga Anda dapat memastikan bahwa SEO Anda benar dan mengajari Anda cara memeriksa istilah SEO Anda.
Kita juga akan melihat beberapa situasi lain di mana mengetahui cara melihat dan memeriksa bagian utama kode sumber akan membantu riset pemasaran lainnya.
Cara melihat kode sumber.
Langkah pertama dalam memeriksa kode sumber situs Anda adalah dengan melihat kode sumber sebenarnya. Peramban web apa pun membuat ini mudah.
Di bawah ini adalah perintah keyboard untuk melihat kode sumber halaman web Anda PC dan Mac.
- Firefox - CTRL + U (Tahan tombol CTRL dan tekan tombol "U") Atau, Anda dapat pergi ke menu "Firefox", lalu klik "Pengembang Web" dan kemudian "Sumber Halaman".
- Internet Explorer- CTRL + U. Atau klik klik kanan mouse dan pilih "Lihat Sumber".
- Chrome - CTRL + U. Anda dapat mengklik gambar kunci dengan tiga garis horizontal di pojok kanan atas. Kemudian klik "Alat" dan pilih "Lihat Sumber".
- Opera - CTRL + U. Anda juga dapat mengeklik kanan halaman web dan memilih "View Page Source".
Mac
- Safari - Opsi pintasan papan ketik + Perintah + U. Anda juga dapat mengeklik kanan halaman web dan memilih Tampilkan Sumber Halaman.
- Firefox - Anda dapat mengeklik kanan dan memilih "sumber" atau Anda dapat menavigasi ke menu "Alat", pilih "Pengembang Web", dan klik "Sumber Halaman". Pintasan keyboard Ctrl+U.
- Chrome - Buka "Lihat" lalu klik "pengembang" lalu "Lihat Sumber". Anda juga dapat mengklik kanan dan memilih View Page Source. Pintasan keyboard Option+Command+U.
Setelah Anda tahu cara melihat kode sumber, Anda harus tahu cara mencarinya.
Umumnya, fitur pencarian yang sama yang Anda gunakan dalam penjelajahan web normal juga berlaku untuk pencarian kode sumber.
Perintah, CTRL + F (temukan) akan membantu Anda dengan cepat melihat kode sumber elemen SEO penting.
Tag judul.
Tag judul adalah elemen SEO yang paling penting. Ini adalah hal terpenting dalam kode sumber.
Jika Anda hanya akan mengambil satu hal berharga dari artikel ini, perhatikan ini:
Anda tahu, ini adalah hasil yang diberikan Google saat Anda mencari sesuatu.
Semua hasil ini berasal dari tag judul halaman web. Jadi, jika Anda tidak memiliki tag judul di kode sumber, Anda mungkin tidak akan muncul di Google (atau mesin telusur lainnya).
Percaya atau tidak, saya pernah melihat situs web tanpa tag judul. Mari kita coba melakukan pencarian cepat di Google untuk istilah " Panduan Pemasaran". Apa yang kita lihat: 
Anda dapat melihat hasil pencarian pertama untuk blog tersebut KISSmetrics bab Panduan Pemasaran.
Jika kita mengikuti tautan dari hasil pencarian pertama dan melihat kode sumber halaman, kita dapat melihat tag pada judul:
Tag judul ditunjukkan oleh tag pembuka:
</b>. dan diakhiri dengan tag penutup: <b></ <i>judul</i>>
</b>. Tag header biasanya terletak di bagian atas kode sumber di bagian tersebut <b><head>
</b>.
</i></p> <p>Dan kita bisa melihat bahwa konten di dalam tag judul cocok dengan apa yang digunakan pada judul hasil <a href="https://bakep.ru/id/kak-vyiti-iz-akkaunta-v-prilozhenii-gmail-kak-na-androide-vyiti-iz-google-akkaunta-gmail.html">pencarian Google</a>.</p> <p>Namun tidak hanya tag judul yang perlu dimasukkan dalam hasil pencarian Google.</p> <p>Google juga mengidentifikasi kata-kata dalam tag judul sebagai kata kunci penting yang menurutnya relevan untuk dicari pengguna.</p> <p>Jadi jika Anda ingin mendapatkan peringkat halaman web tertentu untuk topik tertentu, sebaiknya Anda memastikan bahwa kata-kata yang mendeskripsikan subjek disertakan dalam tag judul.</p> <p>Ada sejumlah sumber online di mana Anda dapat mempelajari lebih lanjut tentang caranya <a href="https://bakep.ru/id/a-set-of-tags-for-video-with-animals-how-to-learn-and-add-keywords-tags-for-youtube-in-video-per-channel.html">kata kunci</a> dan tag judul memainkan peran penting dalam keseluruhan arsitektur situs Anda.</p> <p>Berikut adalah beberapa poin penting untuk diingat pentingnya tag judul Anda:</p> <ul><li>Pastikan Anda hanya memiliki satu tag judul per halaman web.</li> <li>Pastikan bahwa setiap halaman web di situs memiliki tag judulnya sendiri.</li> <li>Pastikan setiap tag judul di situs Anda unik. Jangan pernah menduplikasi konten tag judul tertentu.</li>
</ul><h3></h3> <p>Lanjut <a href="https://bakep.ru/id/pesnya-dlya-roditelei-na-svadbe-pesnya-ot-roditelei-na-svadbe.html">elemen penting</a> Bagian kepala halaman web Anda adalah tag deskripsi meta.</p> <p>Ini adalah cuplikan 160 karakter dari konten Anda yang muncul di bawah judul Anda di mesin telusur.</p> <p><img src='https://i0.wp.com/infobiz-tools.com/wp-content/uploads/2014/02/read-website.png' height="511" width="500" loading=lazy loading=lazy></p> <p>Saya telah melihat ratusan situs yang sepenuhnya mengabaikan tag ini. Sangat mudah untuk menemukannya di kode sumber:</p> <p><img src='https://i0.wp.com/infobiz-tools.com/wp-content/uploads/2014/02/how-read1.png' width="100%" loading=lazy loading=lazy></p> <p>Jadi, periksa dan pastikan tag ini ada di semua halaman web situs Anda. Lebih penting lagi, pastikan Anda tidak menggandakannya di beberapa halaman.</p> <p>Tag meta deskripsi duplikat bukanlah hukuman mesin pencari, tetapi ini adalah kesalahan pemasaran yang sangat besar.</p> <p>Banyak orang mengabaikan tag deskripsi meta, tetapi Anda benar-benar harus mengerjakannya karena terbaca <a href="https://bakep.ru/id/tendencii-razvitiya-poiskovyh-sistem-poiskovye-sistemy-interneta-kakie.html">mesin pencari</a>.</p> <p>Pertimbangkan bahwa tag meta deskripsi akan membantu Anda menarik lebih banyak pengunjung dan meningkatkan klik bertarget ke situs Anda.</p> Kode HTML pada dasarnya adalah halaman Anda sendiri, itu menentukan dengan tepat bagaimana situs Anda akan dibangun dan ditampilkan di layar pengguna. Sebagai aturan, kode ini terbuka, artinya setiap pengguna dapat dengan bebas melihat dan membacanya. Jika, karena satu dan lain alasan, Anda tidak menginginkan siapa pun <b>memiliki akses ke kode Anda</b>, Kamu bisa . Ini menyiratkan penciptaan algoritma khusus itu <b>mengkodekan kode Anda</b>, yaitu menyembunyikan tampilan utamanya, membuatnya tidak dapat diakses oleh pengguna situs. <h2>Kapan dan siapa yang mungkin membutuhkannya?</h2>Benar-benar semua webmaster atau pemilik situs dapat membuat enkripsi seperti itu. Pertanyaannya adalah seberapa masuk akal dan perlunya itu. Misalnya, jika Anda memiliki halaman arahan biasa yang dibuat sesuai dengan template dan tidak berbeda dari yang lain, tidak ada gunanya pengkodean, karena template seperti itu sudah tersedia untuk umum. Dalam hal ini, kecil kemungkinan seseorang akan menyalin dan mempelajari kode Anda. Tetapi jika Anda memiliki situs web yang memiliki desain unik, Anda telah bekerja keras untuk itu, atau membayar banyak uang untuk itu, maka Anda harus tetap memikirkan kodenya. Ada kasus yang sangat sering ketika pemilik memiliki situs di mana banyak usaha, waktu dan uang telah diinvestasikan, dan setelah beberapa waktu dia menemukan situs yang persis sama, dengan desain dan struktur yang sama, tetapi pada domain dan hosting yang berbeda. Sangat sering, pemilik situs diberitahu tentang hal ini di komentar oleh penggunanya sendiri. Dalam hal ini, kita dapat dengan aman menyimpulkan bahwa seseorang itu sederhana <b>menyalin kode html</b> situs Anda dan meluncurkannya di situsnya. <h2>Apa yang harus dilakukan untuk melindungi diri sendiri?</h2>Dari situasi menyalin dan menggunakan kode HTML orang lain tanpa izin, tidak mudah untuk melindungi diri sendiri. Dan secara umum, jika seseorang telah melihat situs Anda, dia akan dapat menggandakannya bahkan tanpa kode, asalkan dia memiliki pengetahuan tertentu di bidang pengembangan web. Tapi, untuk kode HTMLnya sendiri bisa dienkripsi. Ini bekerja berdasarkan skrip javascript khusus. Dengan alat kami, Anda Ini membuat skrip khusus yang dirancang untuk dekripsi. Cara kerjanya cukup sederhana: saat pengunjung membuka situs Anda, kode terenkripsi dimuat yang tidak dapat dia pahami. Pada saat yang sama, javascript yang dihasilkan diluncurkan, yang mendekripsi kode dan menampilkan situs di layar pengguna. Pada saat yang sama, pengunjung itu sendiri tidak dapat melihat kode yang sebenarnya. Namun, metode ini juga memiliki sedikit kekurangan. Ada pengguna yang browsernya melarang peluncuran javascript di situs, dalam hal ini skrip tidak akan dimulai, masing-masing, kode HTML tidak akan didekripsi dan situs tidak akan ditampilkan. Namun, Anda tidak boleh kecewa, pengaturan browser seperti itu sangat jarang, kami dapat mengatakan bahwa 99% browser memungkinkan untuk menjalankan javascript. <h2>Bagaimana cara melakukannya?</h2>Ini dilakukan dengan sangat sederhana dengan bantuan alat kami. Anda hanya perlu menempelkan kode HTML Anda ke bidang di halaman ini, dan klik tombol untuk memulai enkripsi. Hasilnya, di bidang lain Anda akan menerima kode terenkripsi yang sudah dapat digunakan langsung di situs Anda. 1 suara <p>Selamat siang, para pembaca blog saya yang budiman. Terkadang Anda menemukan beberapa fitur cantik di situs dan pertanyaan mulai menyiksa bagaimana pencipta mencapai efek yang begitu menarik.</p> <p>Ternyata jawabannya cukup mudah. Dan jika Anda memiliki beberapa keterampilan, Anda dapat mengumpulkan banyak chip seperti itu dan membuat situs web unik Anda sendiri dalam waktu singkat.</p> <p>Hari ini kita akan berbicara tentang cara membuka kode halaman, elemen tertentu, dan mempelajari cara menggunakan keterampilan ini untuk keuntungan Anda.</p> <h2><span>Pengetahuan dasar tentang kode</span></h2> <p>Situs saya untuk pemula dan pertama-tama saya ingin berbicara secara singkat tentang situs dan kode secara umum.</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/cit1-75-537x292.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Untuk menggambar, lalu potong kecil-kecil, tulis kode, berkat itu browser akan mengumpulkan kembali semua elemen menjadi satu kesatuan. Segalanya tampak sangat rumit, bukan? Tidak sama sekali, dan tidak ada gunanya mengkhawatirkannya.</p> <p>Begitulah cara membangun situs web berkualitas. Jika Anda ingin - terjun ke bisnis ini dan belajar, tidak ada keinginan - tidak ada yang bisa memaksa Anda.</p> <p>Saya hanya bisa mengatakan satu hal... tidak ada yang lebih menyenangkan daripada melihat bagaimana kata-kata yang tidak dapat dipahami yang Anda tulis diubah menjadi satu kesatuan dan menjadi hidup: tautan berfungsi, tombol bergerak, gambar bergerak, teks merangkak. Saya pikir saya tahu bagaimana perasaan Victor Frankenstein.</p> <p>Ketika Anda mulai memahami bahasa rahasia dan melihat bahwa segala sesuatu sebenarnya jauh lebih sederhana daripada yang terlihat pada awalnya, Anda tidak bisa tidak percaya pada kekuatan dan kemampuan otak Anda sendiri. Ini keren sekali.</p> <p>Bagaimana situs web dibuat? Idealnya, pertama. Dia hanya melukis gambar. Misalnya seperti pada gambar di bawah ini. Sejauh ini, ini hanya sebuah gambar, sebuah foto. Tidak ada tautan yang berfungsi, ketika Anda mengklik Anda tidak pergi ke mana pun, pencarian tidak dilakukan.</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_1-46.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Menurut gambar ini. Lihat tangkapan layar di bawah ini. Anda mungkin berpikir bahwa ini adalah kumpulan karakter yang konyol dan sangat rumit. Padahal, semuanya tidak begitu sulit, ada algoritma tertentu.</p> <p>Hanya ada sekitar 150 tag dan masing-masing bertanggung jawab atas tindakan tertentu: tautan, transfer, cetak tebal, warna, judul, dan sebagainya. Memahami mereka tidak begitu sulit jika Anda memiliki keinginan dan tidak keberatan dengan waktu.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_2-43.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Berkat pengetahuan atribut ini, hampir semua masalah dapat diselesaikan. Berikut ini hanya cara untuk mencapai tujuan, setiap pengembang menemukan caranya sendiri.</p> <p>Pembuat berpengalaman segera melihat bagaimana mencapai hasil, sementara yang lain harus berpikir, mencari jawaban di artikel atau kode sumber pesaing. Mereka hanya mengambil bagian yang diperlukan di situs pihak ketiga dan mengeditnya sendiri. Ini secara signifikan mempersingkat proses kerja.</p> <p>Beberapa saat kemudian, saya akan menunjukkan kepada Anda <a href="https://bakep.ru/id/zarabatyvayut-li-bloggery-na-yutube-i-skolko-skolko-mozhno-zarabotat-na.html">contoh spesifik</a>.</p> <h2>Lihat kode</h2> <p>Jadi, izinkan saya menunjukkan kepada Anda bagaimana melanjutkan jika Anda perlu mempelajari html orang lain. Kemudian kita akan melihat lebih dekat semua masalah lainnya.</p> <h3><span>Jalan terbaik</span></h3> <p>Cara yang akan saya uraikan pertama kali memang sedikit rumit untuk pemula, tapi sebagai pengantar, baca terus. Buka halaman dan klik tombol kanan mouse. Pilih "Simpan Sebagai..."</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_2-1-1.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Simpan seluruh halaman web. Seperti yang Anda lihat di tangkapan layar, saya sudah mengunduh semuanya terlebih dahulu. Di sini kita memiliki dua folder.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_2-2-1.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Semua yang Anda butuhkan ada di sini. Setiap elemen. Jika Anda memahami ini, Anda dapat dengan cepat mendapatkan semua yang Anda butuhkan. Tapi, tugas seperti itu semakin menjadi tidak mungkin. Download tidak dilakukan. Apa yang harus dilakukan jika dilarang menyalin halaman?</p> <h3><span>Itu google chrome</span></h3> <p>Seperti yang mungkin Anda perhatikan, saya paling sering menggunakan <a href="https://bakep.ru/id/google-chrome-which-version-to-choose-how-to-know-the-version-of-chrome-step-by-step-instructions.html">Google Chrome</a> dan pelajari kode orang lain di browser ini semudah mengupas buah pir. Seperti pada prinsipnya dan lainnya. Skemanya tidak akan serupa, tetapi identik. Kami membuka halaman yang kodenya ingin kami ketahui, dan klik di mana saja dengan tombol kanan mouse. Di jendela yang muncul, klik "Lihat kode halaman".</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_3-40.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Selembar kode akan terbuka di jendela baru, yang cukup sulit dipahami oleh pemula. Tapi, jangan takut sebelumnya.</p> <p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_4-36.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Jika Anda perlu mengetahui kode dari satu elemen saja, arahkan kursor ke atasnya dengan mouse dan klik kanan. Kami memilih fungsi chrome lain: "Lihat kode elemen".</p> <p>Misalnya, saya mungkin tertarik dengan bagaimana logo itu dibuat, menggunakan gambar atau bahasa pemrograman? Lagi pula, Anda bisa menggambar persegi dengan <a href="https://bakep.ru/id/how-to-align-the-right-edge-of-the-html-align-text-with-padding-css.html">bantuan css</a>. Banyak ahli menyarankan untuk menulis informasi sebanyak mungkin dalam kode. Dan bagaimana cara kerja situs populer?</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_5-33.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Inilah informasi yang Anda butuhkan. html atas, css bawah. Ini adalah dua bahasa. Yang pertama bertanggung jawab untuk komponen teks, dan yang kedua untuk desain. Jika tidak ada css, maka Anda harus menentukan warna, ukuran font setiap saat. Untuk setiap halaman, sangat panjang. Tetapi jika tidak ada html, maka kami tidak akan memiliki teks. Dijelaskan secara kasar, tetapi secara umum, semuanya begitu.</p> <p>Omong-omong, jika Anda tertarik dengan cara kerjanya di sini, Anda dapat melihat tautan ke gambar di bawah ini. Inilah jawaban Anda.</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_6-33.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <h3>Mozilla Firefox</h3> <p>Jika Anda suka bekerja dengan moncong, maka semuanya akan persis sama. Buka halaman dan klik tombol kanan mouse. "Kode sumber halaman" jika Anda ingin melihat seluruh kode.</p> <p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_7-32.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Saat Anda mengarahkan kursor ke suatu elemen, Anda dapat membuka kodenya.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_8-29.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Di sini data ditampilkan di bagian bawah layar, tetapi yang lainnya persis sama.</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_9-29.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <h3>Peramban Yandex</h3> <p>Di browser Yandex, semuanya persis sama seperti di dua opsi sebelumnya, buka halaman, klik kanan, lihat kode halaman.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_10-27.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Kami mengarahkan kursor ke elemen jika kami ingin mengetahui dengan tepat kodenya.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_11-27.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Semuanya ditampilkan di sini dengan cara yang sama seperti di chrome.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_12-25.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <h3>Opera</h3> <p>Dan terakhir, Opera.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_13-24.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Omong-omong, Anda mungkin telah memperhatikan bahwa tidak perlu menggunakan mouse. Untuk membuka kode, ada pintasan keyboard cepat dan untuk semua browser sama: <b>CTRL+U</b>.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_14-24.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Untuk elemen: Ctrl+Shift+C.</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_15-22.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Seperti inilah hasilnya.</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_16-23.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <h2><span>Ini akan menarik bagi pemula</span></h2> <p>Sekarang lihat bagaimana semuanya bekerja. Anda menemukan sebuah situs dan Anda sangat menyukai beberapa elemen. Misalnya, yang ini. Anda sudah tahu cara membuka kode elemen.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_17-20.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Sekarang salin.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_18-19.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Saya menggunakan , saya menempelkan kode ini ke file html baru, di tag body (body dalam bahasa Inggris).</p> <p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_19-18.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Sekarang mari kita lihat bagaimana tampilannya di browser.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_20-16.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Siap. Agar teks sejajar di tepi dan mendapatkan warna kehijauan, Anda perlu menghubungkan css ke dokumen ini dan menyalin satu kode lagi dari situs tempat kami mencuri kode ini.</p> <p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_21-16.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Sekarang saya tidak akan melakukannya. Dibutuhkan lebih banyak waktu: baik milikku maupun milikmu. Saya pikir saya akan menjelaskan semua detail dalam publikasi saya yang akan datang. Berlangganan buletin dan jadilah yang pertama tahu saat artikel muncul.</p> <p>Jika Anda tidak tahan, tetapi Anda ingin mempelajari lebih lanjut tentang html dan css sekarang, saya biasanya dapat merekomendasikan Anda kursus pelatihan gratis.</p> <p>Berikut adalah 33 pelajaran yang memungkinkan Anda menguasai html - <i><b><span>"Kursus HTML Gratis"</span>
</b>
</i>.</p> <p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_22-16-537x476.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Dan inilah informasi lengkap tentang css - <i><b><span>"Kursus CSS Gratis (45 Pelajaran Video!)"</span>
</b>
</i>.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_23-15.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Sekarang Anda tahu lebih banyak. Saya berharap Anda sukses dalam usaha Anda. Sampai berjumpa lagi!</p>
<p><a href="https://bakep.ru/id/firefox-falls-several-times-a-day-how-to-get-rid-of-brakes-in-mozilla-firefox.html">Mozilla Firefox</a> perluas bagian menu "Lihat" dan klik item " Kode sumber». Barang yang sama masuk <a href="https://bakep.ru/id/why-on-the-desktop-are-large-icons-how-to-make-big-icons.html">menu konteks</a>, yaitu saat Anda mengklik kanan teks halaman. Anda juga dapat menggunakan pintasan keyboard CTRL + U. Mozilla FireFox tidak menggunakan program eksternal - kode sumber halaman dengan penyorotan sintaks akan dibuka di jendela browser terpisah.</p> <p>Di Internet Explorer, klik menu File dan pilih Edit di Notepad. Alih-alih nama Notepad, Anda dapat menulis yang lain, Anda menetapkan dalam pengaturan browser Anda untuk melihat kode sumber. Dengan mengklik kanan halaman, menu konteks muncul, yang juga memiliki item yang memungkinkan Anda membuka kode sumber halaman di program eksternal - "Lihat Kode HTML".</p> <p><img src='https://i1.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b95df96052552b95df9bd.jpg' height="669" width="663" loading=lazy loading=lazy></p> <p>PADA <a href="https://bakep.ru/id/how-to-add-an-express-panel-in-chrome-transferring-bookmarks-from-the-opera-browser.html">Peramban Opera</a> buka menu, buka bagian "Halaman" dan Anda akan memiliki kesempatan untuk memilih item "Kode Sumber" atau item "Kode Sumber Bingkai" di subbagian "Alat Pengembangan". Tombol pintas CTRL+U dan CTRL+SHIFT+U masing-masing ditetapkan untuk pilihan ini. Menu konteks yang terkait dengan mengklik kanan halaman juga memiliki opsi Kode Sumber. Opera membuka sumber halaman dalam program eksternal yang ditetapkan dalam pengaturan OS atau browser untuk mengedit file HTML.</p> <p><img src='https://i2.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b95eb30952552b95eb346.jpg' width="100%" loading=lazy loading=lazy></p> <p><a href="https://bakep.ru/id/required-settings-in-google-chrome-the-most-important-settings-for-the-google-chrome-browser.html">Peramban Google</a> Chrome tidak diragukan lagi memiliki organisasi terbaik untuk melihat kode sumber. Dengan mengklik kanan halaman, Anda dapat memilih "Lihat Sumber Halaman" dan kemudian kode sumber dengan penyorotan sintaks akan dibuka di tab terpisah. Atau Anda dapat memilih baris "Lihat kode elemen" di menu yang sama dan browser di tab yang sama akan membuka dua bingkai tambahan tempat Anda dapat memeriksa kode HTML dan CSS dari setiap elemen halaman. Peramban akan bereaksi dengan menggerakkan kursor di atas baris kode dengan menyorot elemen pada laman yang sesuai dengan bagian kode HTML tersebut.</p> <p><img src='https://i1.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b9603c4652552b9603c84.jpg' width="100%" loading=lazy loading=lazy></p>
<script type="text/javascript">
<!--
var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()
//-->
</script><br>
<br>
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
";"+Math.random()+
"border='0' width='1' height='1' loading=lazy loading=lazy>");</script>
</div>
<footer>
<div class="td-post-source-tags">
</div>
<meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://bakep.ru/kak-bystro-otkryt-kod-stranicy-v-brauzere-dazhe-esli-kopirovanie-zapreshcheno.html" content="https://bakep.ru/kak-bystro-otkryt-kod-stranicy-v-brauzere-dazhe-esli-kopirovanie-zapreshcheno.html" /><span style="display: none;"><span style="display: none;"><meta itemprop="url" content="/assets/logo.svg"></span>
<meta itemprop="name" content="Как быстро открыть код страницы в браузере, даже если копирование запрещено. Распаковка и расшифровка скриптов JavaScript Как расшифровать html код страницы">
</span>
<meta itemprop="headline " content="Сбербанк Копилка онлайн"><span style="display: none;" itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="https://i2.wp.com/manhunter.ru/upload/1a/87/1a870b5012697202749e9805fa585605.jpg">
<meta itemprop="width" content="366"><meta itemprop="height" content="262"></span> </footer>
</article>
<style>
.ads-border {
overflow: hidden;
}
.ads-content {
width: 930px;
display: block;
}
@media(max-width: 1140px) {
.ads-content {
width: 910px;
}
}
@media(max-width: 1018px) {
.ads-content {
width: 970px;
}
}
@media (max-width: 767px) {
.ads-content {
width: 134%;
}
}
@media (max-width: 479px) {
.ads-content {
width: 100%;
height: 490px;
}
}
</style>
<div class="ads-block">
<h4 class="td-related-title"><span class="td-related-left td-cur-simple-item">ARTIKEL TERKAIT</span></h4>
<div class="ads-border">
<div class="ads-content">
</div>
</div>
</div>
<style>
#mc-container {
padding: 10px;
}
</style>
<dblock></dblock>
</div>
</div>
<div class="td-pb-span4 td-main-sidebar" role="complementary">
<div class="td-ss-main-sidebar">
<aside class="widget widget_text" id="text-23">
<div class="block-title"><span>Berguna</span></div>
<div class="textwidget" align="center"></div>
</aside>
<aside class="widget widget_text" id="text-24">
<div class="block-title"><span>Periklanan</span></div>
<div class="textwidget" align="center"></div>
</aside>
<aside class="widget widget_text" id="text-25">
<div class="textwidget">
<p style="text-align: center;">
</p>
</div>
</aside>
<aside class="widget rpwe_widget recent-posts-extended" id="rpwe_widget-4">
<div class="block-title"><span>Baru</span></div>
<dblock></dblock>
<div class="rpwe-block ">
<ul class="rpwe-ul">
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="https://bakep.ru/id/podpiska-na-novosti-podpiska-na-novosti-g-konkurenty-iphone.html" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/lumias.ru/wp-content/uploads/2013/03/lum620tips1.jpg" alt="Berlangganan berita G pesaing iPhone" loading=lazy loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/id/podpiska-na-novosti-podpiska-na-novosti-g-konkurenty-iphone.html" title="Berlangganan berita G pesaing iPhone" rel="bookmark">Berlangganan berita G pesaing iPhone</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="https://bakep.ru/id/kak-nastraivat-virtualnye-chastnye-seti-vpn-vpn-dlya-brauzerov-na.html" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/help-wifi.com/wp-content/uploads/2017/05/22-05-2017-9-54-36.jpg" alt="VPN untuk browser di Android dan PC: Unduh dan aktifkan Browsec VPN untuk Google Chrome - instalasi dan konfigurasi" loading=lazy loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/id/kak-nastraivat-virtualnye-chastnye-seti-vpn-vpn-dlya-brauzerov-na.html" title="VPN untuk browser di Android dan PC: Unduh dan aktifkan Browsec VPN untuk Google Chrome - instalasi dan konfigurasi" rel="bookmark">VPN untuk browser di Android dan PC: Unduh dan aktifkan Browsec VPN untuk Google Chrome - instalasi dan konfigurasi</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="https://bakep.ru/id/pochemu-uvelichilis-yarlyki-na-rabochem-stole-vosstanovit-yarlyki-na-rabochem.html" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/lumpics.ru/wp-content/uploads/2018/01/Uvelichenie-znachkov-rabochego-stola-s-ispolzovaniem-tachpada.png" alt="Pulihkan pintasan desktop" loading=lazy loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/id/pochemu-uvelichilis-yarlyki-na-rabochem-stole-vosstanovit-yarlyki-na-rabochem.html" title="Pulihkan pintasan desktop" rel="bookmark">Pulihkan pintasan desktop</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="https://bakep.ru/id/kak-posmotret-foto-v-instagrame-bez-registracii-kak-naiti.html" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/xn--80aaakxpne3ahl.xn--p1ai/wp-content/uploads/2018/08/Zakrytyj-akkaunt-v-Instagram.jpg" alt="Cara menemukan seseorang di Instagram tanpa mendaftar Melihat akun Instagram tanpa mendaftar" loading=lazy loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/id/kak-posmotret-foto-v-instagrame-bez-registracii-kak-naiti.html" title="Cara menemukan seseorang di Instagram tanpa mendaftar Melihat akun Instagram tanpa mendaftar" rel="bookmark">Cara menemukan seseorang di Instagram tanpa mendaftar Melihat akun Instagram tanpa mendaftar</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="https://bakep.ru/id/plagin-frigate-dlya-firefox-dostup-k-zablokirovannym-resursam-v-google.html" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/all-freeload.net/images/programs/screenshot/internet/utility-k-brauzeram/frigate-1__270x132.png" alt="Akses sumber daya yang diblokir di Google Chrome menggunakan ekstensi friGate Frigate gratis untuk web terbuka firefox" loading=lazy loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/id/plagin-frigate-dlya-firefox-dostup-k-zablokirovannym-resursam-v-google.html" title="Akses sumber daya yang diblokir di Google Chrome menggunakan ekstensi friGate Frigate gratis untuk web terbuka firefox" rel="bookmark">Akses sumber daya yang diblokir di Google Chrome menggunakan ekstensi friGate Frigate gratis untuk web terbuka firefox</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="https://bakep.ru/id/mnogofunkcionalnyi-mikrokompyuter-xtreamer-multi-console-na-baze-android-obzor-minix-neo-x7.html" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/smartbobr.ru/wp-content/uploads/2018/01/placeholder.jpg" alt="Ulasan MiniX Neo X7: Android Mini PC Android Mikrokomputer yang Kuat" loading=lazy loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/id/mnogofunkcionalnyi-mikrokompyuter-xtreamer-multi-console-na-baze-android-obzor-minix-neo-x7.html" title="Ulasan MiniX Neo X7: Android Mini PC Android Mikrokomputer yang Kuat" rel="bookmark">Ulasan MiniX Neo X7: Android Mini PC Android Mikrokomputer yang Kuat</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="https://bakep.ru/id/mozhno-li-otkatit-ios-8-4-1-kak-otkatit-versiyu-ios-na-iphone-ipad-sohranenie.html" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/pdalife.info/uploads/p/3q5pet/22.jpg" alt="Apakah mungkin untuk memutar kembali ios 8.4 1. Cara memutar kembali versi iOS di iPhone, iPad. Menyimpan data penting" loading=lazy loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/id/mozhno-li-otkatit-ios-8-4-1-kak-otkatit-versiyu-ios-na-iphone-ipad-sohranenie.html" title="Apakah mungkin untuk memutar kembali ios 8.4 1. Cara memutar kembali versi iOS di iPhone, iPad. Menyimpan data penting" rel="bookmark">Apakah mungkin untuk memutar kembali ios 8.4 1. Cara memutar kembali versi iOS di iPhone, iPad. Menyimpan data penting</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="https://bakep.ru/id/luchshie-kanaly-na-youtube-tolko-samoe-poleznoe-i-interesnoe-luchshie-obrazovatelnye-kanaly-na-you.html" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/selftrue.ru/wp-content/uploads/Thoisoi.jpg" alt="Hanya yang paling bermanfaat dan menarik!" loading=lazy loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/id/luchshie-kanaly-na-youtube-tolko-samoe-poleznoe-i-interesnoe-luchshie-obrazovatelnye-kanaly-na-you.html" title="Hanya yang paling bermanfaat dan menarik!" rel="bookmark">Hanya yang paling bermanfaat dan menarik!</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="https://bakep.ru/id/neustrashimyi-comments-php-prostaya-sistema-kommentirovaniya-s-ispolzovaniem-ajax-sintaksis-php-komm.html" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/gravatar.com/avatar/112fdf7a8fe3609e7af2cd3873b5c6bd?size=50&default=http%3A%2F%2Fdemo.tutorialzine.com%2F2010%2F06%2Fsimple-ajax-commenting-system%2Fimg%2Fdefault_avatar.gif" alt="Sistem komentar sederhana menggunakan AJAX" loading=lazy loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/id/neustrashimyi-comments-php-prostaya-sistema-kommentirovaniya-s-ispolzovaniem-ajax-sintaksis-php-komm.html" title="Sistem komentar sederhana menggunakan AJAX" rel="bookmark">Sistem komentar sederhana menggunakan AJAX</a>
</li>
</ul>
</div>
</aside>
</div>
</div>
</div>
</div>
</div>
<div class="td-footer-wrapper td-footer-template-3">
<div class="td-container">
<div class="td-pb-row">
<div class="td-pb-span12">
</div>
</div>
<div class="td-pb-row">
<div class="td-pb-span3 logo-footer">
<div class="td-footer-info">
<div class="footer-logo-wrap"><a href="https://bakep.ru/id/"><img class="td-retina-data" src="/img/logo.png" data-retina="/img/logo.png" alt="Tip komputer untuk pengguna pemula" title="Tip komputer untuk pengguna pemula" / loading=lazy loading=lazy></a></div>
<div class="footer-text-wrap"></div>
<div class="footer-social-wrap td-social-style-2"></div>
</div>
<aside class="widget widget_text" id="text-16">
<div class="textwidget">
<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
<script src="//yastatic.net/share2/share.js"></script>
<span class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus,twitter"></span></div>
</aside>
</div>
<div class="td-pb-span9 footer-discription">
<aside class="widget widget_text" id="text-5">
<div class="textwidget">
<p>
<font size="2" color="grey">
</font>
</p>© Tips komputer untuk pemula, 2023</div>
</aside>
</div>
</div>
</div>
</div>
<div class="td-sub-footer-container">
<div class="td-container">
<div class="td-pb-row">
<div class="td-pb-span12 td-sub-footer-menu">
<div class="td-sub-footer-main">
<div class="menu-foot-container"><ul id="menu-foot" class="td-subfooter-menu">
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-first td-menu-item td-normal-menu"><a href="https://bakep.ru/id/feedback.html">Masukan</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu"><a href="https://bakep.ru/id/sitemap.xml">Peta Situs</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu"><a href="">Tentang situs</a></li>
</ul></div> </div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery("span.ancored").replaceWith(function () {
$this = jQuery(this);
href = $this.attr("title");
text = $this.html();
return '<a href="' + href + '">' + text + '</a>';
} )
} )
</script>
<link rel='stylesheet' id='font-awesome-css' href='//netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css?ver=4.4.0' type='text/css' media='all' />
<link rel='stylesheet' id='su-content-shortcodes-css' href='/assets/content-shortcodes.css' type='text/css' media='all' />
<link rel='stylesheet' id='su-box-shortcodes-css' href='/assets/box-shortcodes.css' type='text/css' media='all' />
<script type='text/javascript' src='/assets/jquery.form.min.js'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var _wpcf7 = { "recaptcha":{ "messages":{ "empty":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435, \u0447\u0442\u043e \u0432\u044b \u043d\u0435 \u0440\u043e\u0431\u043e\u0442."} },"cached":"1"} ;
/* ]]> */
</script>
<script type='text/javascript' src='/assets/scripts.js'></script>
<script type='text/javascript' src='/assets/front.min.js'></script>
<script type='text/javascript' src='/assets/imagesloaded.min.js'></script>
<script type='text/javascript' src='/assets/masonry.min.js'></script>
<script type='text/javascript' src='/assets/jquery.masonry.min.js'></script>
<script type='text/javascript' src='/assets/rsvp.js'></script>
<script type='text/javascript' src='/assets/tagdiv_theme.js'></script>
<script type='text/javascript' src='/assets/comment-reply.min.js'></script>
<script type='text/javascript'>
var q2w3_sidebar_options = new Array();
q2w3_sidebar_options[0] = { "sidebar" : "td-default", "margin_top" : 25, "margin_bottom" : 320, "stop_id" : "", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['text-13'] } ;
</script>
<script type='text/javascript' src='/assets/q2w3-fixed-widget.min.js'></script>
<script type='text/javascript' src='/assets/wp-embed.min.js'></script>
<style type='text/css'>
/*** Shortcodes Ultimate - box elements ***/
/* Common styles
---------------------------------------------------------------*/
.su-clearfix:before,
.su-clearfix:after {
display: table;
content: " ";
}
.su-clearfix:after { clear: both; }
/* Tabs + Tab
---------------------------------------------------------------*/
.su-tabs {
margin: 0 0 1.5em 0;
padding: 3px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #eee;
}
.su-tabs-nav span {
display: inline-block;
margin-right: 3px;
padding: 10px 15px;
font-size: 13px;
min-height: 40px;
line-height: 20px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
color: #333;
cursor: pointer;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.su-tabs-nav span:hover { background: #f5f5f5; }
.su-tabs-nav span.su-tabs-current { background: #fff; cursor: default; }
.su-tabs-nav span.su-tabs-disabled {
opacity: 0.5;
filter: alpha(opacity=50);
cursor: default;
}
.su-tabs-pane {
padding: 15px;
font-size: 13px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
background: #fff;
color: #333;
}
.su-tabs-vertical:before,
.su-tabs-vertical:after {
content: " ";
display: table;
}
.su-tabs-vertical:after { clear: both; }
.su-tabs-vertical .su-tabs-nav {
float: left;
width: 30%;
}
.su-tabs-vertical .su-tabs-nav span {
display: block;
margin-right: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
}
.su-tabs-vertical .su-tabs-panes {
float: left;
width: 70%;
}
.su-tabs-vertical .su-tabs-pane {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.su-tabs-nav,
.su-tabs-nav span,
.su-tabs-panes,
.su-tabs-pane {
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
}
/* Styles for screens that are less than 768px */
@media only screen and (max-width: 768px) {
.su-tabs-nav span { display: block; }
.su-tabs-vertical .su-tabs-nav {
float: none;
width: auto;
}
.su-tabs-vertical .su-tabs-panes {
float: none;
width: auto;
}
}
/* Spoiler + Accordion
---------------------------------------------------------------*/
.su-spoiler { margin-bottom: 1.5em; }
.su-spoiler .su-spoiler:last-child { margin-bottom: 0; }
.su-accordion { margin-bottom: 1.5em; }
.su-accordion .su-spoiler { margin-bottom: 0.5em; }
.su-spoiler-title {
position: relative;
cursor: pointer;
min-height: 20px;
line-height: 20px;
padding: 7px 7px 7px 34px;
font-weight: bold;
font-size: 13px;
}
.su-spoiler-icon {
position: absolute;
left: 7px;
top: 7px;
display: block;
width: 20px;
height: 20px;
line-height: 21px;
text-align: center;
font-size: 14px;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
*margin-right: .3em;
}
.su-spoiler-content {
padding: 14px;
-webkit-transition: padding-top .2s;
-moz-transition: padding-top .2s;
-o-transition: padding-top .2s;
transition: padding-top .2s;
-ie-transition: padding-top .2s;
}
.su-spoiler.su-spoiler-closed > .su-spoiler-content {
height: 0;
margin: 0;
padding: 0;
overflow: hidden;
border: none;
opacity: 0;
}
.su-spoiler-icon-plus .su-spoiler-icon:before { content: "\f068"; }
.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before { content: "\f067"; }
.su-spoiler-icon-plus-circle .su-spoiler-icon:before { content: "\f056"; }
.su-spoiler-icon-plus-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f055"; }
.su-spoiler-icon-plus-square-1 .su-spoiler-icon:before { content: "\f146"; }
.su-spoiler-icon-plus-square-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0fe"; }
.su-spoiler-icon-plus-square-2 .su-spoiler-icon:before { content: "\f117"; }
.su-spoiler-icon-plus-square-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f116"; }
.su-spoiler-icon-arrow .su-spoiler-icon:before { content: "\f063"; }
.su-spoiler-icon-arrow.su-spoiler-closed .su-spoiler-icon:before { content: "\f061"; }
.su-spoiler-icon-arrow-circle-1 .su-spoiler-icon:before { content: "\f0ab"; }
.su-spoiler-icon-arrow-circle-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0a9"; }
.su-spoiler-icon-arrow-circle-2 .su-spoiler-icon:before { content: "\f01a"; }
.su-spoiler-icon-arrow-circle-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f18e"; }
.su-spoiler-icon-chevron .su-spoiler-icon:before { content: "\f078"; }
.su-spoiler-icon-chevron.su-spoiler-closed .su-spoiler-icon:before { content: "\f054"; }
.su-spoiler-icon-chevron-circle .su-spoiler-icon:before { content: "\f13a"; }
.su-spoiler-icon-chevron-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f138"; }
.su-spoiler-icon-caret .su-spoiler-icon:before { content: "\f0d7"; }
.su-spoiler-icon-caret.su-spoiler-closed .su-spoiler-icon:before { content: "\f0da"; }
.su-spoiler-icon-caret-square .su-spoiler-icon:before { content: "\f150"; }
.su-spoiler-icon-caret-square.su-spoiler-closed .su-spoiler-icon:before { content: "\f152"; }
.su-spoiler-icon-folder-1 .su-spoiler-icon:before { content: "\f07c"; }
.su-spoiler-icon-folder-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f07b"; }
.su-spoiler-icon-folder-2 .su-spoiler-icon:before { content: "\f115"; }
.su-spoiler-icon-folder-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f114"; }
.su-spoiler-style-default { }
.su-spoiler-style-default > .su-spoiler-title {
padding-left: 27px;
padding-right: 0;
}
.su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon { left: 0; }
.su-spoiler-style-default > .su-spoiler-content { padding: 1em 0 1em 27px; }
.su-spoiler-style-fancy {
border: 1px solid #ccc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #fff;
color: #333;
}
.su-spoiler-style-fancy > .su-spoiler-title {
border-bottom: 1px solid #ccc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #f0f0f0;
font-size: 0.9em;
}
.su-spoiler-style-fancy.su-spoiler-closed > .su-spoiler-title { border: none; }
.su-spoiler-style-fancy > .su-spoiler-content {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.su-spoiler-style-simple {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.su-spoiler-style-simple > .su-spoiler-title {
padding: 5px 10px;
background: #f0f0f0;
color: #333;
font-size: 0.9em;
}
.su-spoiler-style-simple > .su-spoiler-title > .su-spoiler-icon { display: none; }
.su-spoiler-style-simple > .su-spoiler-content {
padding: 1em 10px;
background: #fff;
color: #333;
}
/* Quote
---------------------------------------------------------------*/
.su-quote-style-default {
position: relative;
margin-bottom: 1.5em;
padding: 0.5em 3em;
font-style: italic;
}
/*.su-quote-style-default.su-quote-has-cite { margin-bottom: 3em; } */
.su-quote-style-default:before,
.su-quote-style-default:after {
position: absolute;
display: block;
width: 20px;
height: 20px;
background-image: url('../images/quote.png');
content: '';
}
.su-quote-style-default:before {
top: 0;
left: 0;
background-position: 0 0;
}
.su-quote-style-default:after {
right: 0;
bottom: 0;
background-position: -20px 0;
}
.su-quote-style-default .su-quote-cite {
display: block;
text-align: right;
font-style: normal;
}
.su-quote-style-default .su-quote-cite:before { content: "\2014\0000a0"; }
.su-quote-style-default .su-quote-cite a { text-decoration: underline; }
/* Pullquote
---------------------------------------------------------------*/
.su-pullquote {
display: block;
width: 30%;
padding: 0.5em 1em;
}
.su-pullquote-align-left {
margin: 0.5em 1.5em 1em 0;
padding-left: 0;
float: left;
border-right: 5px solid #eee;
}
.su-pullquote-align-right {
margin: 0.5em 0 1em 1.5em;
padding-right: 0;
float: right;
border-left: 5px solid #eee;
}
/* Row + Column
---------------------------------------------------------------*/
.su-row {
clear: both;
zoom: 1;
margin-bottom: 1.5em;
}
.su-row:before,
.su-row:after {
display: table;
content: "";
}
.su-row:after { clear: both; }
.su-column {
display: block;
margin: 0 4% 0 0;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.su-column-last { margin-right: 0; }
.su-row .su-column { margin: 0 0 0 4%; }
.su-row .su-column.su-column-size-1-1 { margin-left: 0; margin-right: 0; }
.su-row .su-column:first-child { margin-left: 0; }
.su-column-centered {
margin-right: auto !important;
margin-left: auto !important;
float: none !important;
}
.su-column img,
.su-column iframe,
.su-column object,
.su-column embed { max-width: 100%; }
@media only screen {
[class*="su-column"] + [class*="su-column"]:last-child { float: right; }
}
.su-column-size-1-1 { width: 100%; }
.su-column-size-1-2 { width: 48%; }
.su-column-size-1-3 { width: 30.66%; }
.su-column-size-2-3 { width: 65.33%; }
.su-column-size-1-4 { width: 22%; }
.su-column-size-3-4 { width: 74%; }
.su-column-size-1-5 { width: 16.8%; }
.su-column-size-2-5 { width: 37.6%; }
.su-column-size-3-5 { width: 58.4%; }
.su-column-size-4-5 { width: 79.2%; }
.su-column-size-1-6 { width: 13.33%; }
.su-column-size-5-6 { width: 82.66%; }
/* Styles for screens that are less than 768px */
@media only screen and (max-width: 768px) {
.su-column {
width: 100% !important;
margin: 0 0 1.5em 0 !important;
float: none !important;
}
.su-row .su-column:last-child {
margin-bottom: 0 !important;
}
}
/* Service
---------------------------------------------------------------*/
.su-service {
position: relative;
margin: 0 0 1.5em 0;
}
.su-service-title {
display: block;
margin-bottom: 0.5em;
color: #333;
font-weight: bold;
font-size: 1.1em;
}
.su-service-title img {
position: absolute;
top: 0;
left: 0;
display: block !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.su-service-title i {
position: absolute;
top: 0;
left: 0;
display: block !important;
width: 1em;
height: 1em;
text-align: center;
line-height: 1em;
}
.su-service-content { line-height: 1.4; }
/* Box
---------------------------------------------------------------*/
.su-box {
margin: 0 0 1.5em 0;
border-width: 2px;
border-style: solid;
}
.su-box-title {
display: block;
padding: 0.5em 1em;
font-weight: bold;
font-size: 1.1em;
}
.su-box-content {
background-color: #fff;
color: #444;
padding: 1em;
}
.su-box-style-soft .su-box-title {
background-image: url('../images/styles/style-soft.png');
background-position: 0 0;
background-repeat: repeat-x;
}
.su-box-style-glass .su-box-title {
background-image: url('../images/styles/style-glass.png');
background-position: 0 50%;
background-repeat: repeat-x;
}
.su-box-style-bubbles .su-box-title {
background-image: url('../images/styles/style-bubbles.png');
background-position: 0 50%;
background-repeat: repeat-x;
}
.su-box-style-noise .su-box-title {
background-image: url('../images/styles/style-noise.png');
background-position: 0 0;
background-repeat: repeat-x;
}
/* Note
---------------------------------------------------------------*/
.su-note {
margin: 0 0 1.5em 0;
border-width: 0px;
border-style: solid;
}
.su-note-inner {
padding: 1em;
border-width: 0px;
border-style: solid;
box-shadow: 3px 3px 6px #d0d0d0;
}
/* Expand
---------------------------------------------------------------*/
.su-expand { margin: 0 0 1.5em 0; }
.su-expand-content { overflow: hidden; }
.su-expand-link {
margin-top: 0.5em;
cursor: pointer;
}
.su-expand-link:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.su-expand-link a,
.su-expand-link a:hover,
.su-expand-link a:active,
.su-expand-link a:visited,
.su-expand-link a:focus {
display: inline;
text-decoration: none;
background: transparent;
border: none;
}
.su-expand-link-style-default .su-expand-link a,
.su-expand-link-style-default .su-expand-link a:hover { text-decoration: none; }
.su-expand-link-style-underlined .su-expand-link span { text-decoration: underline; }
.su-expand-link-style-dotted .su-expand-link span { border-bottom: 1px dotted #333; }
.su-expand-link-style-dashed .su-expand-link span { border-bottom: 1px dashed #333; }
.su-expand-link-style-button .su-expand-link a {
display: inline-block;
margin-top: 0.2em;
padding: 0.2em 0.4em;
border: 2px solid #333;
}
.su-expand-link-more { display: none; }
.su-expand-link-less { display: block; }
.su-expand-collapsed .su-expand-link-more { display: block; }
.su-expand-collapsed .su-expand-link-less { display: none; }
.su-expand-link i {
display: inline-block;
margin: 0 0.3em 0 0;
vertical-align: middle;
color: inherit;
}
.su-expand-link img {
display: inline-block;
width: 1em;
height: 1em;
margin: 0 0.3em 0 0;
vertical-align: middle;
}
/* Lightbox content
---------------------------------------------------------------*/
.su-lightbox-content {
position: relative;
margin: 0 auto;
}
.mfp-content .su-lightbox-content,
#su-generator .su-lightbox-content { display: block !important; }
.su-lightbox-content-preview {
width: 100%;
min-height: 300px;
background: #444;
overflow: hidden;
}
.su-lightbox-content h1,
.su-lightbox-content h2,
.su-lightbox-content h3,
.su-lightbox-content h4,
.su-lightbox-content h5,
.su-lightbox-content h6 { color: inherit; }
/* Common margin resets for box elements
---------------------------------------------------------------*/
.su-column-inner > *:first-child,
.su-accordion > *:first-child,
.su-spoiler-content > *:first-child,
.su-service-content > *:first-child,
.su-box-content > *:first-child,
.su-note-inner > *:first-child,
.su-expand-content > *:first-child,
.su-lightbox-content > *:first-child { margin-top: 0; }
.su-column-inner > *:last-child,
.su-tabs-pane > *:last-child,
.su-accordion > *:last-child,
.su-spoiler-content > *:last-child,
.su-service-content > *:last-child,
.su-box-content > *:last-child,
.su-note-inner > *:last-child,
.su-expand-content > *:last-child,
.su-lightbox-content > *:last-child { margin-bottom: 0; }
</style>
<script>
(function(){
var html_jquery_obj = jQuery('html');
if (html_jquery_obj.length && (html_jquery_obj.is('.ie8') || html_jquery_obj.is('.ie9'))) {
var path = '/assets/style2.css';
jQuery.get(path, function(data) {
var str_split_separator = '#td_css_split_separator';
var arr_splits = data.split(str_split_separator);
var arr_length = arr_splits.length;
if (arr_length > 1) {
var dir_path = '/wp-content/themes/Newspaper';
var splited_css = '';
for (var i = 0; i < arr_length; i++) {
if (i > 0) {
arr_splits[i] = str_split_separator + ' ' + arr_splits[i];
}
//jQuery('head').append('<style>' + arr_splits[i] + '</style>');
var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) {
return ' url(\'' + dir_path + '/' + str.replace(/url\(\'/gi, '').replace(/^\s+|\s+$/gm,'');
} );
splited_css += "<style>" + formated_str + "</style>";
}
var td_theme_css = jQuery('link#td-theme-css');
if (td_theme_css.length) {
td_theme_css.after(splited_css);
}
}
} );
}
} )();
</script>
<script type="text/javascript">
<!--
var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()
//-->
</script><br>
<br>
</body>
</html>
