Skip to main content
Home Blogger Cara Menciptakan Gambar Berderet Horizontal Di Postingan Blog

Cara Menciptakan Gambar Berderet Horizontal Di Postingan Blog

komputerdia.com - How to create a horizontal row image on a blog? Terkadang sebagai seorang blogger kita harus sanggup menciptakan sesuatu yang berdasarkan pendapat orang lain itu mustahil, banyak sekali cara yang sanggup kita lakukan untuk menciptakan blog kita menjadi menarik, entah itu dari segi tampilan ataupun dari segi penyuguhan konten.

Pengertian gambar yakni sebuah perpaduan antara titik, garis, bidang dan warna yang mempunyai kegunaan untuk mencitrakan sesuatu. Di sekitar kita dikala ini banyak terdapat gambar-gambar. Seperti pada komik, buku cerita, dan lain sebagainya. Gambar juga sanggup diartikan sebagai sebuah tampilan suatu objek kedalam media gambar.

Perlu kalian ketahui, bahwa salah satu fungsi gambar yakni sebagai penyampaian sebuah lisan perasaan, sebagai media penyampaian informasi, sebagai karya seni, dan banyak sekali fungsi dari gambar lainnya. oleh sebab hal tersebut, maka sebuah gambar mempunyai banyak sekali macam fungsi tergantung dari pembuatnya.

Seperti hal menciptakan gambar berdert secara horizpntal pada postingan misalnya, didalam blogger sendiri fitur menyerupai ini memang belum sanggup kita dapatkan secara default dari sistem blogger, namun hal ini sanggup kita lakukan menyerupai teladan yang akan saya jelaskan pada artikel ini.

Baca Juga Artikel Menarik Lainnya:

How to create a horizontal row image on a blog Cara Membuat Gambar Berderet Horizontal Di Postingan Blog

Cara menciptakan Gambar Berderet Horizontal (Menyamping)


A. Gambar Berderet Default Dengan Ukuran Asli

  • Silahkan kalian buat postingan gres pada akun blogger kalian
  • Masuk ke mode Html
  • Sisipkan isyarat berikut ini dihalaman tersebut
<div style="text-align: center;"> <img border="none" src="Url_gambar_kalian_yang_akan_dipasang.png" /> <img border="none" src="Url_gambar_kalian_yang_akan_dipasang.png" /> <img border="none" src="Url_gambar_kalian_yang_akan_dipasang.png" /> <img border="none" src="Url_gambar_kalian_yang_akan_dipasang.png" /> </div>
  • Kode yang saya berikan warna Merah, silahkan kalian ganti dengan alamat URL gambar yang akan kalian pasang .


B. Gambar Berderet Dengan Menggunakan Ukuran Custom

  • Buat postingan atau entri baru
  • Masuk pada mode Html, dan copy isyarat dibawah ini pada halaman mode html tersebut
<div style="text-align: center;"> <img border="none" height="120" src="Url_gambar_yang_akan_dipasang.png" width="210"/> <img border="none" height="120" src="Url_gambar_yang_akan_dipasang.png" width="210"/> <img border="none" height="120" src="Url_gambar_yang_akan_dipasang.png" width="210"/> <img border="none" height="120" src="Url_gambar_yang_akan_dipasang.png" width="210"/> </div>
  • Kode yang berwarna Merah, silahkan kalian ganti dengan ukuran gambar yang kalian inginkan
  • Kode yang berwarna Biru, silahkan kalian ganti dengan alamat url gambar kalian


C. Gambar Berderet Dengan Menggunakan Link dan Ukuran Mode Satu Halaman

  • Buat postingan atau entri baru
  • Masuk ke mode html
  • Copy dan pastekan isyarat berikut ini pada halaman mode html tersebut
<div style="text-align: center;"> <a href='URL_Tujuan'><img border="none" height="210" src="Url_gambar_yang_akan_dipasang.png" width="250"></a> <a href='URL_Tujuan'><img border="none" height="210" src="Url_gambar_yang_akan_dipasang.png" width="250"></a> <a href='URL_Tujuan'><img border="none" height="210" src="Url_gambar_yang_akan_dipasang.png" width="250"></a> <a href='URL_Tujuan'><img border="none" height="210" src="Url_gambar_yang_akan_dipasang.png" width="250"></a> </div>
  • Kode yang berwarna Coklat, silahkan kalian ganti dengan alamat Link/URL Tujuan Kalian
  • Kode yang berwarna Merah, silahkan kalian ganti dengan ukuran gambar kalian
  • Kode yang berwarna Biru, silahkan kalian ganti dengan URL gambar kalian


D. Gambar Berderet Dengan Menggunakan Link, Ukuran, dan Terbuka dijendela Baru

  • Buat postingan atau entri baru
  • Masuk ke mode html
  • Copy dan pastekan isyarat berikut ini pada halaman mode html tersebut
<div style="text-align: center;"> <a href='URL_Tujuan' target='_blank'><img border="none" height="210" src="Url_gambar_yang_akan_dipasang.png" width="250"></a> <a href='URL_Tujuan' target="_blank'><img border="none" height="210" src="Url_gambar_yang_akan_dipasang.png" width="250"></a> <a href='URL_Tujuan' target='_blank'><img border="none" height="210" src="Url_gambar_yang_akan_dipasang.png" width="250"></a> <a href='URL_Tujuan' target='_blank'><img border="none" height="210" src="Url_gambar_yang_akan_dipasang.png" width="250"></a> </div>
  • Kode yang berwarna Coklat, silahkan kalian ganti dengan alamat Link/URL Tujuan Kalian
  • Kode yang berwarna Merah, silahkan kalian ganti dengan ukuran gambar kalian
  • Kode yang berwarna Biru, silahkan kalian ganti dengan URL gambar kalian
  • Kode yang berwarna Ungu, biarkan saja menyerupai itu. Kode ini berfungsi untuk memanggil perintah Open Link New Tab. Ketika gambar kalian klik maka kalian akan diarahkan pada jendela baru


Sumber https://www.komputerdia.com/

You Might Also Like:

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar