Cara Memasang Banyak Gambar Foto di Posting Blogspot



Kali ini Saya akan Membagikan Tips Cara Memasang Banyak Gambar Foto di Posting Blogspot, Karena banyak yang Bertanya tentang permasalahanya membuat beberapa gambar Foto di dalam Posting namun merasa Kurang sreg di hati.
Tips Cara Memasang Banyak Gambar Foto di Posting Blogspot kali ini, mudah-mudahan bisa menjawab untuk Persoalan yg di alami temen-teman Publiser.
Baiklah langsung saja Kita Mulai Cara emasang Banyak Gambar Foto di Posting Blogspot.

1. Buka Blogspot Sobat.
2. Entri Baru / Laman Baru.
3. Klik Post HTML yang Letaknya di dekat compose.



4. Copy Code di Bawah ini, Lalu Paste di Halaman HTML.


<table border="1">
<tr>
<td>link gambar1</td>
<td>link gambar2</td>
<td>link gambar3</td>
</tr>
<tr>
<td>nama gambar1</td>
<td>nama gambar2</td>
<td>nama gambar3</td>
</tr>
</table>
<table border="2">
<tr>
<td>link gambar4</td>
<td>link gambar5</td>
<td>link gambar6</td>
</tr>
<tr>
<td>nama gambar4</td>
<td>nama gambar5</td>
<td>nama gambar6</td>
</tr>
</table>


maka Hasinya akan sprti ini :

link gambar1 link gambar2 link gambar3
nama gambar1 nama gambar2 nama gambar3
link gambar4 link gambar5 link gambar6
nama gambar4 nama gambar5 nama gambar6

JikaTidak ingin Menggunakan Garis, Maka Rubah <table border="1"> menjadi
<table border="0">
Hasilnya akan seperti ini:

link gambar1 link gambar2 link gambar3
nama gambar1 nama gambar2 nama gambar3
link gambar4 link gambar5 link gambar6
nama gambar4 nama gambar5 nama gambar6


5. Masukkan gambar  lewat icon insert image seperti biasanya.

Keterangan:

A. Link gambar adalah kotak untuk memasukkan gambar.

B. Nama gambar adalah kotak untuk memberi judul atau keterangan.

C. Angka 1 dan 2 berwarna biru pada schript adalah ketebalan garis kotak, jika anda menginginkan kotak gambar tidak ditampilkan, gantilah angka pada table border menjadi " 0 " (Seperti contoh gambar masjid baris ke-2).

D. Untuk menambah atau mengurangi jumlah kotak anda tinggal copas atau delete bagian schript dimaksud, ingat ! "linkgambar" berpasangan dengan "namagambar"; maka menambah dan menghapus harus selalu beserta pasangannya.

E. Untuk merubah ukuran gambar, anda masuk ke HTML , merubah tinggi gambar, rubah angka pada height dan merubah lebar gambar, rubah angka width. (jika tidak terdapat height dan width di HTML, kembalilah ke compose, klik gambar, rubah ukurannya ke mana anda mau (small, medium, large, x-large, original size), setelah itu kembali ke HTML, pasti sudah ada height dan width di sana.


Tips Mengatur Ukuran Gambar / foto.
Untuk mengatur Ukuran Gambar klik gambar yang mau di atur, dalam hal ini posisi editing adalah posisi Compose. 
 
Pilihan pengaturan:
  • SMAL : ukuran kecil
  • MEDIUM : ukuran sedang
  • LARGE : ukuran besar
  • X-LARGE : ukuran super besar alias extra
  • Original Size : ukuran gambar sama dengan ukuran aslinya. 
  • Left : Posisi gambar di sebelah kiri tulisan kita
  • Center : Posisi gambar di tengah tanpa ada tulisan kanan kiri
  • Right : Posisi gambar di belah kanan tulisan kita.
  • Add Caption : Membuat tulisan atau keterangan Gambar di bawah gambar
  • Propertis : Memberikan Judul Gambar seperti Tittle Text
  • Remove : Menghapus gambar,

Apabila dalam sebuah postingan terdiri dari beberapa gambar (lebih dari 1 maksudnya) dan ternyata ukuran gambar tidak sama atau anda menginginkan sama ukurannya sehingga terlihat rapi, posisi editing postingan anda, beralihlah ke posisi Edit HTML. Maka hasilnya seperti dibawah ini.

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPqMVPSXKC_rJBxYbTYDDK4C3fK8ylLh4ChDBqGvNq7vcIDWhuohOyQQLGhFTmYjdc46f1mB0WEIvUTM4R7Hlp4zr-jQNgVla00p2aLM5fVzpqVMCsxeHQJob3x_jhNMsaUWPuawCVv68/s1600/compose.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPqMVPSXKC_rJBxYbTYDDK4C3fK8ylLh4ChDBqGvNq7vcIDWhuohOyQQLGhFTmYjdc46f1mB0WEIvUTM4R7Hlp4zr-jQNgVla00p2aLM5fVzpqVMCsxeHQJob3x_jhNMsaUWPuawCVv68/s320/compose.jpg" width="320" /></a></div>



Setelah anda beralih ke posisi Edit HTML, maka mulailah anda mengganti tinggi gambar berapa (height) lebar gambar berapa (width) sesuai dengan keinginan anda.

Catatan :

Ukuran gambar tidak akan muncul apabila ukurannya sama seperti aslinya (original size) sebaiknya pilih salah satu selain original size agar height dan width nya keluar.
Kemudian terbitkan Postingan anda bila sudah yakin selesai, Atau kembali ke posisi COMPOSE untuk melihat-lihat hasil kerja anda dulu kalau masih kurang balik lagi ke posisi Edit HTML.



itulah Tips Memasang Banyak Gambar Foto di Posting Blogspot, Semoga Bermanfa'at.
Jika ada pertanya'an silahkan bertanya di Komentar.
DONASI VIA PAYPAL Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk memperpanjang domain https://irinmedia.blogspot.com/. Terima kasih.
Newer Posts Newer Posts Older Posts Older Posts

More posts

Comments

Post a Comment