Take a fresh look at your lifestyle.

HTML Grid Layout in blogger and wordpress

HTML Grid Layout

HTML Grid Layout: 

HTML Grid Layout

How to Implement / Execute the HTML code in blogger
Procedure Screen Shots as fallows :
First Log in  into your blogger

 Click on HTML button
html grid layout

 Copy the Image code

 Remove the RED one and Replace with Image code
 Place the Image Code as show in Figure
 For Two images in Rows code is :
<TABLE>
<TR>
<TD> IMAGE CODE </TD>
<TD> IMAGE CODE </TD>
</TR>
<TR>
<TD> IMAGE CODE </TD>
<TD> IMAGE CODE </TD>
</TR>
</TABLE>
Image code look’s like :
”  <div class=”separator” style=”clear: both; text-align: center;”>
<a href=”http://3.bp.blogspot.com/-ER9zd0C6pF8/UKyZLGoOrZI/AAAAAAAAAhY/y5VzfvUgiWU/s1600/25.jpg” imageanchor=”1″ style=”margin-left: 1em; margin-right: 1em;”><img border=”0″ src=”http://3.bp.blogspot.com/-ER9zd0C6pF8/UKyZLGoOrZI/AAAAAAAAAhY/y5VzfvUgiWU/s1600/25.jpg” height=”125″ width=”200″ /></a></div>
0%

Leave A Reply

Your email address will not be published.