Inspect Element Mengetahui Kode HTML & CSS Web Blog

Inspect Element Mengetahui Kode HTML & CSS - Untuk mengetahui kode HTML & CSS sebuah web atau blog, ada 4 cara untuk mengetahui kode HTML & CSS yang saya ketahui secara langsung menampilkan kode html & css tersebut yaitu View Page Source, menu Tools, Ctrl+U, dan Inspect Element. Untuk 3 cara pertama, sudah sangat familiar dengan teman blogger semua karena 3 cara tersebut sudah biasa dilakukan untuk mengetahui kode html & CSS sebuah web blog.

Untuk view page source, cukup klik kanan pada tampilan web atau blog tersebut dan pilih View Page Source. Untuk tools, pilih menu bar (menu bagian atas) lalu pilih Tools >> Web Developer >> Page Source Ctrl+U dan kode html & css akan terlihat seperti pada tampilan gambar berikut ini

Sedangkan untuk Inspect Element sebenarnya sama saja dengan ketiga cara diatas yaitu untuk mengetahui kode HTML & CSS tapi dengan menggunakan Inspect Element akan lebih spesifik dan lebih sesuai dengan keinginan kita. Maksudnya begini, jika ketiga cara diatas menampilkan keseluruhan kode html & css sedangkan pada Inspect Element akan menyesuaikan dengan keinginan kita untuk melakukan copy paste pada web atau blog. Contoh seperti pada artikel copy paste artikel dan tabel

Apa sich Inspect Element itu? Kalau arti sebenarnya terus terang saya tidak tahu tapi kalau fungsinya kurang lebih untuk mengetahui kode HTML & CSS web atau blog
Berikut tampilan Inspect Element

Berikut panduan video Inspect Element Mengetahui Kode HTML & CSS Web Blog



Terimakasih telah membaca artikel Inspect Element Mengetahui Kode HTML & CSS Web Blog

4 Read More

Cara Membuat Copy Paste Artikel dan Tabel

Cara Membuat Copy Paste Artikel dan Tabel - Mungkin temen blogger berpikiran kalau cara membuat copy paste artikel adalah cara dasar, sederhana dan hal termudah dalam menyalin sebuah artikel dari blog lain ke blog milik kita, memang betul karena cara membuat copy paste artikel hanya cukup dilakukan dengan memblok seluruh atau sebagian artikel yang akan di copy paste dan opsi penyalinannya pun bisa langsung disalin ke dalam area postingan atau di salin ke notepad terlebih dahulu untuk diedit ulang lalu dimasukkan ke area postingan. Gampang sekali! Namun bagaimana cara membuat copy paste tabel? Apakah sama dengan artikel?? Tentu sedikit berbeda karena cara membuat copy paste tabel jika dilakukan secara langsung dengan memblok tabel yang akan di copy paste maka hasilnya akan berantakan dan tidak sesuai dengan aslinya. Gak percaya? Silahkan buktikan sendiri. Atau cara membuat copy paste tabel bisa dilakukan dengan melihat View Page Source? Bisa saja tapi temen blogger tentunya akan mencari kode-kode htmlnya terlebih dahulu...

Nah melalui artikel cara membuat copy paste artikel dan tabel ini, saya akan membahas cara termudah yang bisa dilakukan dalam melakukan cara membuat copy paste tabel dan dengan hasil yang hampir sempurna sesuai dengan aslinya. Sebelum melakukan cara membuat copy paste tabel, yang perlu dipersiapkan oleh temen blogger adalah :

• Sudah dalam keadaan login di blogspot dan sudah berada di new area postingan.
• Sudah memiliki target blog yang memiliki tabel postingan untuk di copy paste.
• Inspect Element (Q). Apa itu Inspect Element?? Saya sendiri tidak tahu, tapi karena adanya Inspect Element ini, saya menemukan ide untuk membuat artikel ini. Dan nantinya temen blogger juga akan mengetahui sendiri, apa itu Inspect Element...

Yuk kita bahas cara membuat copy paste tabel
Carilah blog yang memiliki artikel tabel yang akan di copy paste, seperti contoh gambar berikut ini

Klik kanan pada area gambar tabel tersebut sehingga muncul jendela tampilan seperti gambar berikut dan pilih Inspect Element

Setelah mengklik Inspect Element maka akan muncul menu Inspector dibagian bawah atau diatas toolbars seperti gambar berikut
Penjelasan mengenai Inspect Element, silahkan baca Apa itu menu Inspector dan Inspect Element?

Pada gambar berikut menu Inspector menampilkan menu sheet body pada web yang terpilih, agar tabel bisa di copy paste, pilih sheet table

Sehingga berubah menjadi pada sheet table seperti berikut ini. Lihat garis tepi putus-putus yang ada pada tabel, ini menandakan kalau area tabel sudah terpilih dan siap untuk di copy paste

Pembesaran tampilan sheet table pada menu Inspector

Dan cara membuat copy paste tabel seperti pada gambar berikut ini. Klik pada tombol tabel sehingga muncul jendela tampilan seperti gambar dibawah ini dan pilih Copy Outer HTML

Selanjutnya buka dan buatlah artikel atau postingan baru dan langsung pastekan hasil copy-an yang telah dilakukan sebelumnya. Sehingga hasilnya seperti berikut ini

Dan inilah hasil pratinjau dari cara membuat copy paste tabel dari blog lain ke blog kita.

Kalau membaca artikel Cara Membuat Copy Paste Artikel dan Tabel ini sepertinya terlalu rumit tapi setelah diterapkan sangat mudah kok teman blogger. Dan dengan cara ini, teman blogger tidak perlu repot-repot lagi harus menulis secara manual kode-kode tabel lagi, cukup copy paste tabel yang diinginkan maka langsung jadi.
Namun sebagai catatan; hasil akhir dari copy paste ini sudah langsung tampil seperti tabel aslinya tapi jika ada link atau script dalam tabel maka hasilnya sedikit kurang bagus dan perlu dilakukan edit sedikit saja dengan menghilangkan link atau script yang nempel tadi.

Terimakasih telah membaca dan berkunjung ke blog ini, semoga ada manfaat dari isi artikel Cara Membuat Copy Paste Artikel dan Tabel

0 Read More