Thursday, January 26, 2017

Cara mengatur posisi gambar di blog

Langkah pertama upload dulu gambar yang akan kita tampilkan diblog.
1.Masuk ke blogger kita
2.Pilih menu pages


3.Buat "New page"
4.Beri judul gambar, untuk mengupload semua gambar yang akan kita atur posisinya.
5.Upload gambar yang akan kita tampilkan diblog.



6.Save atau Publish saja page/laman gambar yang kita buat tadi.
7.Sekarang kembali ke laman yang akan kita masukkan gambar tadi.
8.Pilih jenis "html" untuk postingan kita.

9.Masukkan kode berikut di tempat yang ingin kita letakkan gambarnya.

Untuk posisi sebelah kiri ini kodenya, copy paste saja

<div style="float: left; margin-bottom: 15px; margin-right: 15px;">
<img alt="#" src="copy paste alamat gambar di sini" />
</div>

Untuk posisi sebelah kanan

<div style="float:right; margin-left:15px;margin-bottom:15px">
<img alt="#" src="copy paste alamat gambar di sini" />
</div>

yang di copy paste adalah alamat gambar yang sudah kita upload tadi. Masuk ke page/laman gambar tadi. Klik kanan pada mouse kita, klik copy image adress. Kemudian pastekan pada tulisan warna merah.
10.Publish. Maka tampilan gambarnya akan seperti ini.untuk posisi sebelah kiri


Selamat mencoba

0 comments:

Post a Comment