If you want to add a second sidebar to your existing template, Hans of Beautiful Beta has a post Adding a second sidebar Part II have a very well written instruction on how to do it. Even if you have no intention to add a second sidebar, his post is worth a read to understand the New Blogger template better. The only thing I can add is to copy his numbered lines of code into Notepad (see below)
010: <body>
020: <div id='outer-wrapper'>l<div id='wrap2'>
030: <!-- skip links for text browsers -->
040: <span id='skiplinks' style='display:none;'>
050: <a href='#main'>skip to main </a>
060: <a href='#sidebar'>skip to sidebar</a>
070: </span>
080: <div id='header-wrapper'>
090: <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
100: <b:widget id='Header1' locked='true' title='Second Sidebar (Header)' type='Header'/>
110: </b:section>
120: </div>
130: <div id='content-wrapper'>
140: <div id='main-wrapper'>
150: <b:section class='main' id='main' showaddelement='no'>
160: <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
170: </b:section>
180: </div>
190: <div id='sidebar-wrapper'>
200: <b:section class='sidebar' id='sidebar' preferred='yes'>
210: <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
220: <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
230: </b:section>
240: </div>
250: <!-- spacer for skins that want sidebar and main to be the same height-->
260: <div class='clear'> </div>
270: </div> <!-- end content-wrapper -->
280: <div id='footer-wrapper'>
290: <b:section class='footer' id='footer'/>
300: </div>
310: </div></div> <!-- end outer-wrapper -->
320: </body>
and then read the rest of his tutorial side by side with the list in Notepad so you don't have to go back and forth in the post to refer to the list of code.
As for me, I am satisfied using ready made 3 column templates. See
Blogger Beta: 3 column template
New Blogger (formerly beta) 3 column template modified by Stavanger.
Sunday, February 4, 2007
Subscribe to:
Post Comments (Atom)
