HTML Special Symbols

Check this link

JQuery Layout Plugin

Check this link.

Google Web Designer Tool

Create engaging, interactive HTML5-based designs and motion graphics that can run on any device.

Check this link

How to create a blogspot template html

See the following example:

<table border='0' cellpadding='0' cellspacing='0' class='tbl_outer'>    
  <tr>     
    <td><table border='0' cellpadding='0' cellspacing='0' width='100%'>     
        <tr>     
          <td height='100' valign='middle' width='84'><a href="/profile/01452037561218879386"><img alt='Jeetu Alex - Blogger Profile' src=images/top-logo-1.jpg' title='Jeetu Alex - Blogger Profile' border="0"/></a></td>     
          <td><!--<h1>Cold<span class="orange">F</span>usion Rocks</h1>-->     
            <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>     
              <b:widget id='Header1' locked='true' title='ColdFusion Rocks (Header)' type='Header'/>     
            </b:section>     
          </td>     
          <td align='right' valign='middle'><p style='margin-right:15px;'> … </p></td>     
        </tr>     
      </table>     
      <table border='0' cellpadding='0' cellspacing='0' class='tbl_menu' width='100%'>     
        <tr>     
          <td class='selected' height='44'><a href='http://jeetualex.blogspot.com' id='Home'>Home</a> </td>     
          <td><a href=/search?updated-min=2008-01-01T00:00:00-08:00 
&amp;updated-max=2009-01-01T00:00:00-08:00' id='Archive2008'>Archive 2008</a> </td>      
          <td><a href='…' id='Archive2009'>Archive 2009</a> </td>       
          <td><a href='…' id='Archive2010'>Archive 2010</a> </td>  
          …
</tr>      
      </table>       
      <table border='0' cellpadding='0' cellspacing='0' class='tbl_banner' width='100%'>       
        <tr>       
          <td><h2>Developer&#39;s blog <br/>       
              <!--Intelligence drives Knowledge-->       
              www. knowledge base</h2></td>       
          <td class='tbl_banner_1' height='159' width='567'/>       
        </tr>       
      </table>       
      <table border='0' cellpadding='0' cellspacing='10' width='100%'>       
        <tr>       
          <td id='left_col' valign='top' width='70%'><table border='0' cellpadding='0' cellspacing='5' class='tbl_box_1' width='100%'>       
              <tr>       
                <td nowrap='nowrap' width="25%"><h2> Coldfusion 9<br/>       
                    JRun 4<br/>       
                    JQuery</h2></td>       
                <td valign='top'><b:section class='js' id='js' showaddelement='no'>       
                    <b:widget id='HTML15' locked='false' title='' type='HTML'/>       
                  </b:section>       
                </td>       
              </tr>       
            </table>       
            <b:section class='main' id='main' showaddelement='no'>       
              <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>       
            </b:section>       
          </td>       
          <td id='right_col' valign='top'><b:section class='sidebar' id='sidebar' preferred='yes'>       
              <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>       
              <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>       
              <b:widget id='LinkList1' locked='false' title='Follow Me' type='LinkList'/>       
              <b:widget id='FollowByEmail1' locked='false' title='Follow by Email' type='FollowByEmail'/>       
              <b:widget id='Feed8' locked='false' title='Project JAdmin on Google Code' type='Feed'/>       
              <b:widget id='Feed21' locked='false' title='Adobe Developer Connection RSS Feed' type='Feed'/>       
              <b:widget id='Feed19' locked='false' title='ColdFusion News' type='Feed'/>       
              <b:widget id='Feed1' locked='false' title='Latest Adobe News' type='Feed'/>       
              <b:widget id='Feed6' locked='false' title='Sun Bloggers' type='Feed'/>       
              <b:widget id='Feed12' locked='false' title='The Blog of Ben Nadel' type='Feed'/>       
              <b:widget id='Feed2' locked='false' title='Fusebox-Community Mailing List' type='Feed'/>       
              <b:widget id='Feed3' locked='false' title='Mach-II Mailing List' type='Feed'/>       
              <b:widget id='Subscribe1' locked='false' title='Site RSS Feeds' type='Subscribe'/>       
              <b:widget id='Stats1' locked='false' title='Total Pageviews' type='Stats'/>       
              <b:widget id='HTML9' locked='false' title='Site Subscriptions' type='HTML'/>       
            </b:section>       
          </td>       
        </tr>       
      </table>       
      <table border='0' cellpadding='0' cellspacing='0' class='tbl_menu' width='100%'>       
        <tr>       
          <td height='30'><b:section class='footer' id='footer'>       
              <b:widget id='HTML1' locked='false' title='' type='HTML'/>       
            </b:section>       
          </td>       
        </tr>       
      </table></td>       
  </tr>       
</table>