Cara menyusun gambar di blogspot secara horizontal sangatlah mudah hanya dengan memasukkan kode ini ke dalam postingan anda atau pada edit html
kodenya adalah :
Pada kode tersebut anda tinggal memasukkan kode gambar yang telah anda upload ke dalam postingan sobat :
contonya kode gambar setelah di upload :
Gambar A :
<a href="http://3.bp.blogspot.com/-x9qGtCOt7P8/T7R5a9yls8I/AAAAAAAABn0/Vcx3Hee4fjs/s1600/step-up-revolution-movie-trailer-2012.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="400" width="400" src="http://3.bp.blogspot.com/-x9qGtCOt7P8/T7R5a9yls8I/AAAAAAAABn0/Vcx3Hee4fjs/s400/step-up-revolution-movie-trailer-2012.jpg" /></a>
Gambar B :
Jadi hasil penempatannya seperti ini :
Demonya hasilnya disini
<table border=”0″ cellpadding=”2″ cellspacing=”0″ style=”border-collapse: collapse”
border width=”383″>
<tr>
<td>kode gambarA</td>
<td>kode gambarB</td>
</tr>
</table>
<table border=”0″ cellpadding=”2″ cellspacing=”0″ style=”border-collapse: collapse”
border width=”383″>
<td>kode gambarA</td>
<td>kode gambarB</td>
</tr>
</table>
Pada kode tersebut anda tinggal memasukkan kode gambar yang telah anda upload ke dalam postingan sobat :
contonya kode gambar setelah di upload :
Gambar A :
<a href="http://3.bp.blogspot.com/-x9qGtCOt7P8/T7R5a9yls8I/AAAAAAAABn0/Vcx3Hee4fjs/s1600/step-up-revolution-movie-trailer-2012.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="400" width="400" src="http://3.bp.blogspot.com/-x9qGtCOt7P8/T7R5a9yls8I/AAAAAAAABn0/Vcx3Hee4fjs/s400/step-up-revolution-movie-trailer-2012.jpg" /></a>
Gambar B :
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjvmfj6qTXmK573WGcdZaUx4fuMxcDSeqItuCLqdLZEDHMAGMXmGrHJJGv1h7OhoojBQLtM0eEB1PXLmxQWPsZOV_yFzPdIdGcnY7PJ2EfUauWGX9T-X05JLxl1-t4Xr0DmEz52CPWwSEK/s1600/Step_Revolution_.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="400" width="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjvmfj6qTXmK573WGcdZaUx4fuMxcDSeqItuCLqdLZEDHMAGMXmGrHJJGv1h7OhoojBQLtM0eEB1PXLmxQWPsZOV_yFzPdIdGcnY7PJ2EfUauWGX9T-X05JLxl1-t4Xr0DmEz52CPWwSEK/s400/Step_Revolution_.jpg" /></a>
Jadi hasil penempatannya seperti ini :
<table border=”0″ cellpadding=”2″ cellspacing=”0″ style=”border-collapse: collapse”
border width=”383″>
<tr>
<td><a href="http://3.bp.blogspot.com/-x9qGtCOt7P8/T7R5a9yls8I/AAAAAAAABn0/Vcx3Hee4fjs/s1600/step-up-revolution-movie-trailer-2012.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="400" width="400" src="http://3.bp.blogspot.com/-x9qGtCOt7P8/T7R5a9yls8I/AAAAAAAABn0/Vcx3Hee4fjs/s400/step-up-revolution-movie-trailer-2012.jpg" /></a></td>
<td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjvmfj6qTXmK573WGcdZaUx4fuMxcDSeqItuCLqdLZEDHMAGMXmGrHJJGv1h7OhoojBQLtM0eEB1PXLmxQWPsZOV_yFzPdIdGcnY7PJ2EfUauWGX9T-X05JLxl1-t4Xr0DmEz52CPWwSEK/s1600/Step_Revolution_.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="400" width="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjvmfj6qTXmK573WGcdZaUx4fuMxcDSeqItuCLqdLZEDHMAGMXmGrHJJGv1h7OhoojBQLtM0eEB1PXLmxQWPsZOV_yFzPdIdGcnY7PJ2EfUauWGX9T-X05JLxl1-t4Xr0DmEz52CPWwSEK/s400/Step_Revolution_.jpg" /></td>
</tr>
</table>
Demonya hasilnya disini
0 Response to "Menyusun gambar di blogspot supaya tidak kacau"