Cara menggunakan html source code viewer

Cara Menampilkan Source Code

Cara Menampilkan Source Code Website – Pada saat pembuatan web kalian bingung ketika menata layout atau memilih warna yang cocok dengan website kita, nah untuk itu saya akan memberi cara yaitu mengunjungi website yang designnya bagus

Pasti kamu berfikir bagaimana creator web atau design web bisa membuat web sebagus itu, Pasti kalian berfikir bagaimana code CSS nya dan bagaimana code HTML nya. Browser yang kita pakai memungkinkan kita untuk mengetahui code – code yang terdapat di website tersebut.

Untuk itu kita harus mengetahui Source Code Website atau Blog yang ingin kita jadikan referensi. Untuk cara caranya simak dibawah ini.

Pertama buka website atau blog yang ingin kita lihat code sourcenya. Pada tutorial kali ini saya menggunakan halaman utama dari metodeku.com. Ketika halaman website sudah terload secara sempurna, Klik kanan pada halaman tersebut lalu klik “View Page Source”

Tips Menampilkan Sourece Code Web

Nah setelah itu akan muncul beberapa Code HTML, CSS dan Juga JavaScript

Cara Menam[ilkan Code Source Web

Pada beberapa website terkadang Designer maupun Developer web mengantisipasi User untuk menggunakan klik kanan.Oleh karena itu kita langsung bisa menampilkan Source Code menggunakan perintah CTRL + U.

Firefox – CTRL + U (tekan tombol CTRL dan U pada keyboard secara bersamaan). atau menuju ke menu “Firefox” dan kemudian klik pada “Web Developer” dan kemudian “Page Source”.
Internet Explorer – CTRL + U. Atau klik kanan dan pilih “View Source”.
Chrome – CTRL + U. Atau dapat mengklik ikon tiga garis horizontal di sudut kanan atas. Kemudian klik pada “Tools” dan pilih “View Source”.
Opera – CTRL + U. Atau juga dapat klik kanan pada halaman web dan pilih “View Page Source”.

Mungkin seperti itu cara untuk menampilkan Source Code guna untuk hal referensi kita saat pembuatan website. Seperti yang sudah dijelaskan diatas kalua setiap aplikasi browser memiliki cara yang sedikit berbeda satu sama lain, oleh karena itu kalian harus hafal cara dari masing masing browser. Semoga Bermanfaat….

Di postingan kali ini saya agak sedikit lari dari pembahasan seputar android. Karena di tutorial kali ini admin akan ngebahas seputar tutorial buat blogger indonesia. Karena kita sama-sama seorang blogger jadi saya juga memerlukan tutorial ini sebetulnya. Setelah saya cari di google eh ternyata ketemu tutorial ini. hehe meskipun tutorial ini hanya untuk blogger android, karena semakin pesat teknologi berjalan para blogger sekarang bukan saja melalui komputer/laptop. Mengapa admin bilang demikian karena sekarang ini sudah banyak para blogger melalui android/hp.

Bagi para blogger pasti tidak asing dengan kata kode html, css, dll. Setiap website baik blogspot maupun wordpress pasti menggunakan kode-kode tersebut karena untuk menjadikan sebuah web atau blog kode tersebut sangat di butuhkan.

Admin kembalikan ke topik kita untuk melihat kode html sebuah web di android sangatlah mudah. Berbeda seperti di browser web pc bila kita ingin melihat kode html sebuah web atau blog kita dapat mengklik kanan pada mouse kemudian kita pilih view source untuk melihat web tersebut dalam bentuk kode html. Tapi disini admin akan menjelaskan bagimana cara Melihat kode html atau view source sebuah website/blog dari Android.

Mungkin bagi sobat ada fungsinya juga untuk melihat sebuah web atau blog ke bentuk kode html ini. Mengapa admin bilang demikian kalau tidak ada fungsinya mengapa sobat mencari kata kunci "Cara view source website di Android". Untuk fungsi membuka web dalam bentuk kode html ada banyak fungsinya apalagi buat sobat para blogger. Karena saya juga seorang blogger saya menggunakan tutorial ini hanya untuk melihat nama template/themes suatu web atau blog. Bagi kamu yang mempergunakan nya untuk fungsi lain silahkan.

Its tunggu dulu sob, pasti sobat sudah gregetan kepada admin kan dari tadi ngoceh mulu. Iya memang gitu sob website ini Android-hijau™ selalu membuat tutorial yang rinci dan di mengerti, jadi untuk orang awam sekalipun bisa memahami isi dari artikel ini. Langsung saja yang dari sudah gak sabar pengen lihat langkah-langkahnya silahkan lihat di bawah.

Melihat kode html atau view source sebuah website/blog dari Android

Catat url ini "view-source:url home page web"

Copy teks di atas tanpa tanda kutip kemudian pastekan ke pencarian browser firefox android sobat. Dan yang perlu di ingat ialah ganti "url home page web" menjadi home page suatu web yang ingin sobat lihat source kode nya. Jadi misalkan sobat ingin melihat source kode web android-hijau.id maka yang sobat cari ialah "view-source:android-hijau.id"

Ingat jangan gunakan tanda kutip. Jika masih bingung silahkan lihat gambar di bawah untuk langkah-langkahnya.

Setelah berhasil melihat source kode sebuah web/blog pasti sobat bingung jika melihat satu persatu kode yang inin di cari. Jadi admin tambahkan lagi trik untuk mencari sebuah teks/kata di banyak kode html. Caranya kalau disini karena saya menggunakan browser firefox jadi setelah kode html nya terbuka seperti gambar di atas kamu tinggal klik paling bawah di kiri (setiap hp android berbeda, di sini admin menggunakan hp lenovo a316i). Setelah itu akan muncul tampilan seperti gambar di bawah dan pilih saja temukan halaman lalu cari kata kunci yang ingin di cari.

Jika masih ada yang kurang di mengerti sobat bisa menanyakan ke admin lewat kolom komentar di bawah, tapi ingat gunakanlah bahasa yang sopan dan dapat di mengerti agar admin bisa menjawab pertanyaan sobat.

Demikian artikel kali ini yang membahas tentang cara melihat kode HTML website di android. Tetap terus kunjungi Info Teknologi untuk mendapatkan artikel mengenai teknologi lainnya.