HTML dan CSS Kode Gambar Generator untuk blogger

Coding Image generator

Coding Image generator atau Kode Gambar Generator yang bisa dipasang pada halaman posting blogger yang anda miliki, kode ini juga bisa dipasang pada widget blog dalam HTML atau pada halaman blog di menu Edit HTML, kode gambar disematkan atau ditempelkan menggunakan tag <img>. Generator kode gambar di bawah ini secara otomatis membuat tag ini, serta CSS yang relevan untuk setiap penyesuaian yang anda putuskan. Seperti untuk merubah ukuran diperbesar atau dipekecil tinggal mengganti pixel (px) width dan height, perhatikan teks yang ditandai warna merah pada kode tersebut, dan gambarnya cukup mengganti kode linknya, lihat juga teks yang diwarnai hijau. 

<!-- Codes by HTML.am -->

<!-- CSS Code -->

<style type="text/css" scoped>

img.GeneratedImage {

width:475px;height:260px;margin:10px;border-width:6px;border-color:#000000;border-style:solid;

}

</style>

<!-- HTML Code -->

<img src="//www.html.am/images/samples/remarkables_queenstown_new_zealand-300x225.jpg" alt="Photo of the Remarkables mountain range in Queenstown, New Zealand." class="GeneratedImage">

Apabila kode gambar generator sudah tersemat di widget atau pada Edit HTML postingan halaman blog, maka hasilnya akan terlihat seperti gambar berikut.



Selamat mencoba, terimakasih atas kunjungannya.