Cara semoga 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 menyerupai baju, celana, produk kecantikan, template dan lainnya.
Pada tutorial kali ini, yang anda butuhkan yakni 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 instruksi yang perlu ditambahkan adalah:
Sehingga apabila digabungkan akan menjadi menyerupai dibawah ini:
Diatas yakni cara menampilkan 2 gambar dengan cara sejajar. Kalau ingin menampilkan 3 foto yang sejajar di artikel blog, cukup tambakan instruksi td menyerupai dibawah ini:
Oh iya. Mungkin ukuran gambarnya yang terlalu besar atau bagaimana, dapat diatur kok dengan embel-embel instruksi width dan height. Cara penerapannya sebagai berikut:
Pada instruksi 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!
Menampilkan gambar dengan cara sejajar dan/atau berdampingan di dalam blogsposting menjadi kebutuhan beberapa blogger.
Biasanya, identik dengan situs yang berjualan secara online menyerupai baju, celana, produk kecantikan, template dan lainnya.
Pada tutorial kali ini, yang anda butuhkan yakni 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 instruksi 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 menyerupai 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 embel-embel instruksi 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 instruksi 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 yakni 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, bila ingin bersifat dofollow maka hapus instruksi 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!
0 Response to "Cara Gampang Menciptakan Gambar Berdampingan Di Postingan Blog"