Cara Beberapa Gambar Blogspot Sebaris Horizontal

Tutorial Blogspot - Bagi anda yang suka membuat artikel di Situs web terutama di Blogspot, pastinya salah satu dari anda menemukan kendala gambar yang anda Upload di blogspot tidak bisa sebaris dengan gambar lainnya di artikel Blogpsot anda. Bagaimana Cara Beberapa Gambar Blogspot Sebaris Horizontal ?

Pertama kita Upload satu gambar dulu di Situs Blogspot anda, dan atur dalam ukuran small, medium atau sesuai selera seperti gambar di artikel Blogspot saya di bawah ini :



Selanjutnya kita klik bagian Html dan kita dapatkan Kode Gambar Blogspot diatas seperti dibawah ini :

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRPSVzXgkjspbxclzV4F0znud18kEjAfC4f1QKNdsLoKApaUPtGac7AOq4PlLTfhJn4qYgsiS8veGeN_krDmQiUWeVGSosv_fW4Nvnc79kVbV6BK634FIdObPe39oOd1GYSg44qc_Tplw/s1600/Jasa+Toko+Online+instagram.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="41" data-original-width="204" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRPSVzXgkjspbxclzV4F0znud18kEjAfC4f1QKNdsLoKApaUPtGac7AOq4PlLTfhJn4qYgsiS8veGeN_krDmQiUWeVGSosv_fW4Nvnc79kVbV6BK634FIdObPe39oOd1GYSg44qc_Tplw/s200/Jasa+Toko+Online+instagram.jpg" width="200" /></a></div>

Pada Kode Gambar Blogspot diatas, kita ambil Kode gambar blogspot yang berwarna Merah, dan kode gambar blogspot yang lainnya dihapus. Bila perlu kita atur ukuran Gambar blogspot sesuai selera pada kode warna merah di tulisan "width". Pada kode Gambar diatas Ukuran width nya 200, Kita atur jadi 100. Maka Gambar Blogspotnya setelah kita lihat di bagian Compose akan jadi seperti dibawah ini :



Selanjutnya Kita lakukan lagi cara Upload gambar blogpsot seperti cara diatas, kita ambil contoh upload gambar Blogspot yang saya upload sendiri seperti di bawah ini

dan Kode Gambar Blogspotnya setelah saya Ambil dan Hapus kode sisanya seperti dibawah ini :

<img border="0" data-original-height="41" data-original-width="204" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRPSVzXgkjspbxclzV4F0znud18kEjAfC4f1QKNdsLoKApaUPtGac7AOq4PlLTfhJn4qYgsiS8veGeN_krDmQiUWeVGSosv_fW4Nvnc79kVbV6BK634FIdObPe39oOd1GYSg44qc_Tplw/s200/Jasa+Toko+Online+instagram.jpg" width="100" /><img border="0" data-original-height="41" data-original-width="204" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrHDp2bagqYF74SFiUL8TbtO_2TJk3a-bFI2MHPURQe3k-K6jI6r2yiG2R2k7a1WY0je1NwJnFq61lpIgym_rk-KuZ7Ey9KiT9BS324PSMIHxxsCwDd_dwgpLOTj5xeM-NGGcvVISqlRY/s200/Jasa+Toko+Online+facebook.jpg" width="100" />
 


Selanjutnya kita rubah ukuran width gambar facebook diatas yang sebelumnya 200 jadi 100.

Dua kode gambar Blogspot yang sudah dipisahkan diatas cukup digabung saja di bagian html, dan kode dua gambar Blogspot hasil gabungan akan seperti dibawah ini :

Dan Hasil Dua Gambar Blogspot nya akan jadi seperti dibawah ini :




Bagaimana ? Sudah Pengen mencoba artikel Cara Beberapa Gambar Blogspot Sebaris Horizontal ?.

Tonton Video Tutorial nya = Cara Beberapa Gambar Blogspot Sebaris Horizontal di bawah ini

 

Sekian Artikel dari Penulis tentang Cara Beberapa Gambar Blogpsot Sebaris Horizontal - Tutorial Blogpsot

Share this Cara Beberapa Gambar Blogspot Sebaris Horizontal article :

Facebook Twitter Google+

Artikel Terkait Cara Beberapa Gambar Blogspot Sebaris Horizontal

TENTANG PENULIS

Nanang Sugiarto

Penulis seorang Programmer Aplikasi Database Vb6 dan Blogger. Situs Web yang dibuat Penulis yaitu : Nanang Sugiarto WorkShop, Tutorial VB6 Sugiarto, Tutorial Microsoft Office Sugiarto, dan Seputar Pengetahuan Pangan.