Kode HTML dan CSS untuk Memasukkan Gambar di Postingan Blog, Terlengkap 2018

SPOTROID - Untuk gambar di dalam postingan blog dapat dimasukkan dengan beberapa cara, dua diantaranya yaitu dengan cara upload langsung dan yang kedua dengan cara manual memasukkan url gambar di antata tag HTML.

Langsung saja ini caranya.

Pertama sobat masuk editor postingan untuk membuat artikel.
Cari gambar di pencarian Gogle dan salin url gambar tersebut.
Selanjutnya sisipkan url gambar yang sobat salin tadi di antara tag image berikut.

<img src="URL GAMBAR DISINI" />

Atau salin dan tempel kode di atas pada laman editor postingan, jangan lupa ganti tulisan merah miring URL GAMBAR DISINI dengan url gambar sobat.

Adapun atribut style css untuk mengatur dan menambahkan beberapa efek pada gambar seperti berikut.

Style INLINE tidak diperbolehkan pada blog AMP

1. width = untuk merubah ukuran lebar gambar.

2. height = untuk merubah ukuran tinggi gambar.

3. border = untuk menambahkan garis pada gambar.

4. border-radius = untuk mengatur lekuk pada sudut gambar.

5. box-shadow = untuk memberikan efek bayangan pada gambar.

6. margin = untuk membatasi jarak luar pada gambar.

7. padding = untuk membatasi jarak dalam suatu gambar.

8. alt = untuk keterangan gambar berupa teks.

9. a = untuk menambahkan link suatu gambar.

Itulah sedikit tutorial singkat yang dapat spot berikan kali ini tentang cara memasukkan gambar dengan cara manual menggunakan kode HTML dan CSS.

Maaf ya sobat karena tidak spot lengkapi dengan demo dari masing-masing contoh di atas, karena spot mulai beberapa hari lalu sudah menggunakan template AMP.

Di AMP tidak mengizinkan berbagai script dan juga style inline, dapat terjadi error di laman AMP.

Template AMP sebenarnya memang kurang bersahabat untuk sobat yang berbagi tutorial Blogger.

Salam sukses...
BLOG: Awak Blang Awe

YUK IKUTAN BERPARTISIPASI
Anda suka dengan artikel di atas? Bagikan!
Dengan 1x Anda membagikan artikel blog ini, artinya Anda telah ikut serta dalam menunjang berkembangnya blog "Spot Teknologi Android". Sekecil apapun usaha partisipasi Anda sangat berarti bagi blog ini, terimakasih.