MEMBUAT GAMBAR BERJAJAR PADA BLOGGER

08/10/2015 Syaiful Nurhidayat, M.Pd INTERNET 1

Membuat Gambar Berjajar di Postingan Blog

Kadangkala kita berkeinginan memasang foto yang sejajar pada postigan blog misalnya saja ketika kita memasarkan produk kita pada toko online, tentunya kita harus dapat membuat photo tersebut berjajar menyamping dengan alasan akan menyingkat tempat dan tampian terlihat lebih menawan

Cara membuatnya sangat mudah. Kalian tinggal mencopas kode dibawah ini dan mempastenya di Edit Entri yang tentunya pada posisi Edit HTML yang berada di sebelah Compose

<table><tr>
<td><a href=”http://sakawku.blogspot.com” target=”_blank”><img border=”0″ alt=”Catatan Dunia Mayaku” src=”http://www.sumbermaju.com/wp-content/uploads/2015/10/cooltext599607523.png” /></a></td>
<td><a href=”http://sakawku.blogspot.com” target=”_blank”><img border=”0″ alt=”Catatan Dunia Mayaku” src=”http://www.sumbermaju.com/wp-content/uploads/2015/10/cooltext599607523.png” /></a></td>
</tr></table>

Kode di atas adalah contoh untuk menampilkan 2 gambar berjajar. Jika kalian ingin menambahkannya, kalian tinggal menambahkan kode ini

<td><a href=”http://sakawku.blogspot.com” target=”_blank”><img border=”0″ alt=”Catatan Dunia Mayaku” src=”http://www.sumbermaju.com/wp-content/uploads/2015/10/cooltext599607523.png” /></a></td>

Dan jika kalian ingin membuat gambarnya rata tengah seperti contoh gambar di atas  maka tambahkan kode <center> sebelum kode dan </center> sesudah kode sehingga menjadi seperti di bawah ini

<center>

<table><tr>
<td><a href=”http://sakawku.blogspot.com” target=”_blank”><img border=”0″ alt=”Catatan Dunia Mayaku” src=”http://www.sumbermaju.com/wp-content/uploads/2015/10/cooltext599607523.png” /></a></td>
<td><a href=”http://sakawku.blogspot.com” target=”_blank”><img border=”0″ alt=”Catatan Dunia Mayaku” src=”http://www.sumbermaju.com/wp-content/uploads/2015/10/cooltext599607523.png” /></a></td>
</tr></table>

</center>

Ketikan yang berwarna merah kalian ganti dengan kode gambar kalian

Berikut contoh kode gambar yang sederhana

<img border=’0′ src=’http://i1176.photobucket.com/albums/x335/b0_0ys/rss-logo.png‘/>

Ketikan warna hijau kalian ganti dengan URL gambar kalian

Mudah kan Selamat mencoba. Baca juga Blogger Tutorial lainnya ya
Happy blogging

1 Comment

Leave a Reply

Your email address will not be published.


*