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>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://i1176.photobucket.com/albums/x335/b0_0ys/cooltext599607523.png" /></a></td>
<td><a href="http://sakawku.blogspot.com" target="_blank"><img border="0" alt="Catatan Dunia Mayaku" src="http://i1176.photobucket.com/albums/x335/b0_0ys/cooltext599607523.png" /></a></td>
</tr></table>
<td><a href="http://sakawku.blogspot.com" target="_blank"><img border="0" alt="Catatan Dunia Mayaku" src="http://i1176.photobucket.com/albums/x335/b0_0ys/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://i1176.photobucket.com/albums/x335/b0_0ys/cooltext599607523.png" /></a></td>
<td><a href="http://sakawku.blogspot.com" target="_blank"><img border="0" alt="Catatan Dunia Mayaku" src="http://i1176.photobucket.com/albums/x335/b0_0ys/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
0 komentar:
Posting Komentar