Cara Gampang Menciptakan Gambar Berdampingan Di Postingan Blog
Cara biar Foto (Image) Sejajar di dalam Artikel Blogspot
Menampilkan gambar dengan cara sejajar dan/atau berdampingan di dalam blogsposting menjadi kebutuhan beberapa blogger.
Biasanya, identik dengan situs yang berjualan secara online ibarat baju, celana, produk kecantikan, template dan lainnya.
Pada tutorial kali ini, yang anda butuhkan ialah atribut HTML table, tr, td, href, rel tag, alt dan title tag dari gambar tersebut. Caranya sangat gampang kok! :)
Kode dasarnya adalah:
Untuk meyakinkan para pembaca yang ingin memakai tutorial ini, maka isyarat yang perlu ditambahkan adalah:
Sehingga apabila digabungkan akan menjadi ibarat dibawah ini:
Diatas ialah cara menampilkan 2 gambar dengan cara sejajar. Kalau ingin menampilkan 3 foto yang sejajar di artikel blog, cukup tambakan isyarat td ibarat dibawah ini:
Oh iya. Mungkin ukuran gambarnya yang terlalu besar atau bagaimana, dapat diatur kok dengan pemanis isyarat width dan height. Cara penerapannya sebagai berikut:
Pada isyarat width dan height di atas, dapat anda atur sedemikian rupa sehingga cocok dengan tampilan blogger anda. Silakan sesuaikan dengan cara yang anda mau.
Contoh tampilan yang berhasil aku buat nih! Seger ya! Hahaha... namanya furry gambaran delina, nggak tahu deh orang mana ^^
Itulah tutorial bagaimana cara menampilkan 2 dan 3 gambar sejajar secara bersamaan di dalam artikel blogspot. Semoga berguna, good luck! Sumber https://tipsseokiller.blogspot.com/
Menampilkan gambar dengan cara sejajar dan/atau berdampingan di dalam blogsposting menjadi kebutuhan beberapa blogger.
Biasanya, identik dengan situs yang berjualan secara online ibarat baju, celana, produk kecantikan, template dan lainnya.
Pada tutorial kali ini, yang anda butuhkan ialah atribut HTML table, tr, td, href, rel tag, alt dan title tag dari gambar tersebut. Caranya sangat gampang kok! :)
Cara gampang Membuat Gambar Berdampingan di Postingan Blog
Kode dasarnya adalah:
<table>
<tr>
<td> gambar #1 </td>
<td> gambar #2 </td>
</tr>
</table>
<tr>
<td> gambar #1 </td>
<td> gambar #2 </td>
</tr>
</table>
Untuk meyakinkan para pembaca yang ingin memakai tutorial ini, maka isyarat yang perlu ditambahkan adalah:
<a href="Target Situs" target="_blank" rel="nofollow"><img src="Disini-Link-Gambar" alt=" Menampilkan gambar dengan cara sejajar dan Cara gampang Membuat Gambar Berdampingan di Postingan Blog"color: red;">Deskripsi Gambar" title="Cara gampang Membuat Gambar Berdampingan di Postingan Blog"color: red;">Deskripsi Gambar"></a>
Sehingga apabila digabungkan akan menjadi ibarat dibawah ini:
<table>
<tr>
<td> <a href="Target Situs" target="_blank" rel="nofollow"><img src="Disini-Link-Gambar" alt=" Menampilkan gambar dengan cara sejajar dan Cara gampang Membuat Gambar Berdampingan di Postingan Blog"color: red;">Deskripsi Gambar" title="Cara gampang Membuat Gambar Berdampingan di Postingan Blog"color: red;">Deskripsi Gambar"></a> </td>
<td> <a href="Target Situs" target="_blank" rel="nofollow"><img src="Disini-Link-Gambar" alt=" Menampilkan gambar dengan cara sejajar dan Cara gampang Membuat Gambar Berdampingan di Postingan Blog"color: red;">Deskripsi Gambar" title="Cara gampang Membuat Gambar Berdampingan di Postingan Blog"color: red;">Deskripsi Gambar"></a> </td>
</tr>
</table>
<tr>
<td> <a href="Target Situs" target="_blank" rel="nofollow"><img src="Disini-Link-Gambar" alt=" Menampilkan gambar dengan cara sejajar dan Cara gampang Membuat Gambar Berdampingan di Postingan Blog"color: red;">Deskripsi Gambar" title="Cara gampang Membuat Gambar Berdampingan di Postingan Blog"color: red;">Deskripsi Gambar"></a> </td>
<td> <a href="Target Situs" target="_blank" rel="nofollow"><img src="Disini-Link-Gambar" alt=" Menampilkan gambar dengan cara sejajar dan Cara gampang Membuat Gambar Berdampingan di Postingan Blog"color: red;">Deskripsi Gambar" title="Cara gampang Membuat Gambar Berdampingan di Postingan Blog"color: red;">Deskripsi Gambar"></a> </td>
</tr>
</table>
<table>
<tr>
<td> gambar #1 </td>
<td> gambar #2 </td>
<td> gambar #3 </td>
</tr>
</table>
<tr>
<td> gambar #1 </td>
<td> gambar #2 </td>
<td> gambar #3 </td>
</tr>
</table>
Oh iya. Mungkin ukuran gambarnya yang terlalu besar atau bagaimana, dapat diatur kok dengan pemanis isyarat width dan height. Cara penerapannya sebagai berikut:
<a href="Target Situs" width="250px" height="200px" target="_blank" rel="nofollow"><img src="Disini-Link-Gambar" alt=" Menampilkan gambar dengan cara sejajar dan Cara gampang Membuat Gambar Berdampingan di Postingan Blog" title="Cara gampang Membuat Gambar Berdampingan di Postingan Blog"></a>
Pada isyarat width dan height di atas, dapat anda atur sedemikian rupa sehingga cocok dengan tampilan blogger anda. Silakan sesuaikan dengan cara yang anda mau.
Target Situs ialah URL tujuan apabila gambar di klik; rel tag blank artinya apabila gambar di klik maka akan terbuka secara new tab; sedangkan rel nofollow sifat bagaimana backlink itu bekerja, kalau ingin bersifat dofollow maka hapus isyarat rel nofollow.
Contoh tampilan yang berhasil aku buat nih! Seger ya! Hahaha... namanya furry gambaran delina, nggak tahu deh orang mana ^^
 |  |
Itulah tutorial bagaimana cara menampilkan 2 dan 3 gambar sejajar secara bersamaan di dalam artikel blogspot. Semoga berguna, good luck! Sumber https://tipsseokiller.blogspot.com/