cara mengetahui atau melihat kode HTML foto gambar dan video blog

cara mengetahui atau melihat kode HTML foto gambar dan video blog

welcome lagi teman, saya sekarang ingin membahas bagai mana mengetahui html baik itu teks atau tulisan maupun gambar, video yang kita masukan ke blog atau lain-lain. jaman sekaran ingi yah semakin bertambahnya jaman semakin mudah pula kita mengetahui sesuatu lebih gampang. contohnya dalam hal ini . cara mengetahuinya cukuplah gampang sebenarnya ada banyak cara sih untuk mengetahui kode htmlnya tersebut. ada dua cara yang sangat gampang anda lakukan atau anda mengerti yang kita akan bahas id bawah ini :

okel langsung saja cara pertama ; -dengan manfaat kan upload dan melihat html nya di blog anda baik wordpress atau blogspot .
berikut tutorialnya(spesial yang dipelajari ini untuk blogspot) :
1. buka blog anda .
2. langsung upload gambar anda atau video atau lainya ke colom compose
3. setelah selesai maka lihat di kolom html nya
maka itulah kode yang anda butuhkan telah dirubah sesuai dengan kebutuhan anda berikut gambarnya ;
umpanya kita akan mengupload gambar dibwah ini :
maka nampak sbb ; (silahkan klik untuk perbesar gambar melihat lebih jelas )
yang ditas posisi gambar yang kita uload dalam posisi compose maka selanjutnya kita melihatnya dalam posisi kode HTML/javascripnya.
dari data diatas maka kita akan mengetahui html kodenya yang bisa anda letakan dimanapun seperti di widget webiste atau situs atau di tempat2 yang memerulkan kode HTML/javascript .
dan perlu kita ketahui format dari kode tersebut sebagai contoh HTML dari gambar diatas saya sertakan di bawah ini untuk kita pelajari ;
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNT8EngJFMKcPWkZqD1lJeGZjh9p6Wn1OeGIFymwEvzXeXznl_EMsgXbbRZq-WPvAW5Kf9_T3mxM7iCVqKY8jimfv43V_mI3jZ3xKnL6zezcSUN30fX0_cIB7oUa60kE91yMfTqsN6jIpz/s1600/dapat+uang.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-xnj0JYSFfYY/Ut-DihiMMjI/AAAAAAAAR8Q/sd5bavHMdjM/s1600/dapat+uang.jpg" height="108" width="320" /></a>

keteran dari kode diatas yang perlu anda ketahui :

  • yang tanda kuning yang huruf a pembuka dan penutup : dari situlah anda copy kodenya sampai akhir penutup a nya .
  • yang berwarna merah itu adalah kodelink gambar yang di tuju sebagai contoh jika anda mengklik gambar salah satu yang di dalam posting ini akan menjadi lebih besar atau gambar terlihat semua atau bisa juga anda ganti tersebut dengan link lain maka dia akan mengarah ke sana nantinya.
  • link yang berwarnya hitam adalah source kode yang sebenarnya atau kata lain penyimapanan gambarnya itu tidak bisa anda rubah 
  • selanjutnya kode yang ini : height="108" width="320  dari bahasa ingrisnya aja kita sudah tahu itu adalah mengatur lebar atau tinggi gambar sesuia selereamu . ...silahkan tentukan sesukamu sesaui ukuran yang kamu inginkan
cara kedua adalah memanfaatkan klik kanan pada mouse bagaimanakah caranya sbb ;
1. arahkan kursor ke gambar, bila perlu tandai dan klik kanan lalau silahkan pilih inspec element maka akan munucul kode HTM yang anda cari dan copy paste kan di mana anda sukan dan selamat anda sudah bisa melihat dengan mudah bukan!!!!
demikian terima kasih semoga bermanfaat........
Previous
Next Post »
Post a Comment
Thanks for your comment