thanks

Barry guarachon63 at gmail dot com
http://cancionerorumbero.blogspot.com/

#navbar-iframe {
display: none;
}

/* Variable definitions
====================
<Variable name="bgColor" description="Page Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="textColor" description="Text Color"
type="color" default="#624324" value="#624324">
<Variable name="linkColor" description="Link Color"
type="color" default="#A31D04" value="#A31D04">

<Variable name="headerTextColor" description="Blog Title Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#555555" value="#555555">

<Variable name="sidebarTitleTextColor" description="Sidebar Title Text Color"
type="color" default="#624324" value="#624324">

<Variable name="bodyFont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif;" value="normal normal 100% Georgia, Serif;">
<Variable name="headerFont" description="Page Header Font"
type="font" default="italic normal 300% Georgia, Serif;" value="italic normal 300% Georgia, Serif;">

*/

body {
background: $bgColor url(http://www.imagehosting.com/out.php/i1628017_bg1451280x964.jpg) top center repeat-y;
margin: 0;
padding: 0;
font: x-small Verdana, Arial;
text-align: center;
color: $textColor;
font-size/* */://small;
font-size: //small;
}
a:link {
color: $linkColor;
}
a:visited {
color: $linkColor;
}
a img {
border-width: 0;
}

#outer-wrapper {
font: $bodyFont;
}

/* Header
---------— */
#header-wrapper {
margin: 0;
padding: 0;
text-align: left;
}

#header {
width: 862px;
margin: 0 auto;
color: $headerTextColor;
padding: 100px 0 0;
font: $headerFont;
}

h1.title {
padding: 0;
margin: 0 0 20px;
font-weight: lighter;
font-size: 90%;
}

h1.title a {
color: $headerTextColor;
text-decoration: none;
}

#header .description {
display: block;
margin: 70px 0 0;
padding: 0;
font-size: 40%;
color: #946338;
}

/* Content
---------— */

.clear {
clear: both;
}

#outer-wrapper {
background:url(http://www.imagehosting.com/out.php/i1628017_bg1451280x964.jpg) no-repeat fixed center left;
}

#content-wrapper {
width: 860px;
margin: 50px auto 0 auto;
padding: 0;
text-align: left;
border-top: 0;
}
#main-wrapper {
margin-left: 14px;
width: 558px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
margin-right: 14px;
width: 250px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

/* Headings
---------— */
h2, h3 {
margin: 0;
}

/* Posts
---------— */
.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}
.post {
margin: 0 0 1.5em;
padding-bottom: 1.5em;
}
.post-title {
margin: 0;
padding: 0;
font-size: 125%;
font-weight: bold;
line-height: 1.1em;
}
.post-title a, .post-title a:visited, .post-title strong {
text-decoration: none;
color: $textColor;
font-weight: bold;
}
.post div {
margin: 0 0 .75em;
line-height: 1.3em;
font-style:italic;
}
p.post-footer {
margin: -.25em 0 0;
font-size: 83%;
}

.post-footer .span {
margin-right: .3em;
}
.comment-link {
margin-left: .3em;
}
.post img {
padding: 4px;
}
.post blockquote {
margin: 1em 20px;
}
.post blockquote p {
margin: .75em 0;
}

/* Comments
---------— */
#comments h4 {
margin: 1em 0;
color: $dateHeaderColor;
}
#comments h4 strong {
font-size: 110%;
}
#comments-block {
margin: 1em 0 1.5em;
line-height: 1.3em;
}
#comments-block dt {
margin: .5em 0;
}
#comments-block dd {
margin: .25em 0 0;
font-style:italic;
}
#comments-block dd.comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
font-size: 78%;
}
#comments-block dd p {
margin: 0 0 .75em;
}

.deleted-comment {
font-style:italic;
color:gray;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

#blog-pager-newer-link {
float: left;
}

#blog-pager-older-link {
float: right;
}

#blog-pager {
text-align: center;
}

/* Sidebar Content
---------— */
.sidebar h2 {
margin: 1.6em 0 .5em;
padding: 4px 5px;
font-size: 100%;
color: $sidebarTitleTextColor;
}

.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar li {
margin: 0;
padding: 0 0 .5em 15px;
text-indent: -15px;
line-height: 1.5em;
}
.sidebar {
color: $textColor;
line-height:1.3em;
}
.sidebar .widget {
margin-bottom: 1em;
}

.sidebar .widget-content {
margin: 0 5px;
}

/* Profile
---------— */
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
}

.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font-weight: bold;
line-height: 1.6em;
font-size: 78%;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

]]></b:skin>
</head>

<body>
<div id='outer-wrapper'><div id='wrap2'>

<!— skip links for text browsers —>
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='stoically-facade (Header)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
</b:section>
</div>

<!— spacer for skins that want sidebar and main to be the same height—>
<div class='clear'>&#160;</div>

</div> <!— end content-wrapper —>

</div></div> <!— end outer-wrapper —>
</body>
</html>

http://angelsongslife.blogspot.com/

What do I need to do to make the icons appear? Thanks for your help!

I've been following the hack written in

http://bloggeruniversity.blogspot.com/2006/05/hideshow-expandcollapse-navigation.html

but it can't get it worked for me. I'm dummies at this stuff. Help me please…
I try it at my test blog http://perpuz.blogspot.com
I've seen something like that in the first page of beutifulbeta [fold and unfold box]. I'm sure Hans has the genius solution. :)

One more question.. Do anyone know how to show comment box like the box used to appear at wordpress? I'll be very glad if anyone reply this and let me know the hacks.

Peace.. surya

I've been using Blogger for quite some time now. Here's my blog:

http://nostalgiamanila.blogspot.com

My blog looks perfect, just the way I want it when viewed using Firefox Browser. But when it's viewed using Internet Explorer, EVERYTHING is CENTERED! I don't get it because I close all my <center> tags.

I was wondering if any of you have experienced this problem, and could help me come up with a solution.

Thanks very much!

What I'm trying to do, ideally, is have a separate "Labels" list that functions in all aspects the same way that the existing one does. If there's any way to bypass adding a whole left sidebar and adding the second "Labels' List" to the existing sidebar, that would be super.

If not, is there a way to configure the appearance of the items on the existing Labels List by color, type style or font size?

—
Vish..!

How do I add it to my blogger?