I've checked the documentation and it seems to be possible, but as I'm not good at javascript, I'm asking your help. :)

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?

You can click the date a few times and then it gets in order by date, oldest, newest. Unfortunately, my typical reader is not likely to figure that out and I doubt newbies are going to take the time.

The TOC is an awesome feature in my belief. But, I also think to make it effective the content on the blog has to come up in order, oldest to newest.

Can anyone help?

Bobby

http://dailytiffin.blogspot.com/
http://whatsforlunchhoney.blogspot.com/

and it has been working perfectly. However, this morning I noticed that none of my posts expand when the "read more" was clicked on. When you hover over it in the toolbar at the bottom of my browser I see "Javascript: Void (0)". Is this a glitch in Blogger or is something wrong with the code/script?

I hope I do not have to remove the script - it would be such a shame!!

Can anyone help?

Meeta

I am wondering how I could get a navigation bar like the one you have at the top of your Beautiful Beta blog?

bobby

I would like to put the title of post before my tittle of blog.

I have tried with this hack:

http://widget-based.blogspot.com/2006/11/changing-blogger-title-tag.html

but i have problems in the page elements when i am going to save ( do
not work)

Any ideas?

thanks!

I would like to have a contact form to show up on the sidebar (or even the main area) when I click on the "form link" (located as tab-like links, placed at the lower right of the header image).

My idea is that I need to create a sidebar element defining it as the area of say, "form". And then I need to target that page element area when I click on the feedback form link. (I created a form through FormLogix.com.)

Is it possible to do that?

I know nothing about javascript so I don't know how I can possibly code it myself. Can anyone help me?

:)

It's a beautiful hack, many thanks for it, but I'm facing a problem. If I add pictures to the lower part of the post (i.e. the part that stays hidden), they are visible even when the post has not been fully expanded. It looks so ugly that I actually removed all pictures from the blog.

Is it possible to modify this hack so that the pictures appear only when the post is expanded, and duly disappear when the post is collapsed?

I have a blog with several writers. The problem the POSTED BY is not that striking and people miss that fact a lot. So i was wondering if you can guide me on how would be able to pull the POSTED by to the top, and if possible to insert a picture above it?

Meaning the order of things would be

Date
Picture
POSTED by Author

I can't get to understand how it can be done to recognize several users?

Also recently i have visited a blog site, that when there is no comments on it's post, the Comment is displayed in such a manner "OMG NO Comments?" However if someone did post, the normal comments description would be shown such as 1 comment. How is this achieved?

As instructed on the READ ME of the download,
**4. THE MENUBAR

Go to the Page Elements tab, and add a Link List Page Element to the top of your Blog.

This is the menubar.

Without the menubar, the template will not render correctly (the dagger up left seems to be broken).**

I tried to create a new Page Element but there is no changes on the heading.
Beside, how can I add the "HOBBITS, ELVES, DRAWFS" as in http://beautifulbeta.wikidot.com/local--files/blogger-templates/hobbittemplate.PNG?

Thanks!

I must have done something wrong because I added this feature to my blog, but now don't have perma-links. Yes, according to my "Settings," they should be there, but if you click on the post's title, it takes you to the page but the text doesn't show up any longer.

Any idea where I went wrong? Thanks in advance for any assistance you can lend!

On the Horizon

<b:widget id='HTML5' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!— only display title if it's non-empty —>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>

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

I have searched the web for this particular hack, but have had no success so far. The closest hack is on Hoctro's blog: http://hoctro.blogspot.com/2006/12/killer-hack-contents-by-category.html , but I want to display the post titles in a drop-down list, and not the way this hack displays them.

Basically, I want to be able to create drop-down lists in the sidebar using a widget that will display post titles for one or more specific label(s) that I input. Selecting a post title from the drop-down list will load that post in the blog.

I'm using the new blogger, and do not want to use del.ici.ous or any other tagging websites.

I will appreciate any help with this hack.

Thanks.
-Amit

Does anyone have a hack to integrate code that would allow a user to

-send an email about the site to another ("Send to a friend")
-send an article to a friend

thanks,
Matt

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The document type declaration for root element type "html" must end with '>'.

I did enable widgets.

Can you help?

I really don't know why I show as anonymous.

Bobby Delray

I was wondering if we could do something with COMMENTS part, do comment with "Peek-A-Boo" too.

Second, could we change "Links to this post" to "Trackbacks" like Wordpress does, which even shows the message the other bloggers link you with.

Manys thanks for your transcendent techniques and your unselfish kindness, which contributes to the enormous betterment of blogging experience!

But when I use it just to show Titles of recent post, ( no summary, no post dates), it seems the line space between titles are a bit too wide, i'd like to shorten the line spacing between titles, how could we accomplish this in Blogger template.

Thanks for you time.

I would like to have a page, listing all of my labels (of course all clickable):
label1, label2, label3,…etc.
(I know that it is possible to have this listing on the main page. But this is not my case.)
Is it possible to attain this by using the widget tags, or should I use Javascript, Ajax, whatever?
Can i assign a specific url to the globally available data tags? (Say "http://myblog.blogspot.com/subjects".)

Thanks,

Dr. Minorka

I received a couple of mails asking me how to implement your recent comments hack as i have it on my blog, i gave them your blog adress so that they could install it, unfortunally not everyone is fluent in English to follow the instructions, so i started to translate your hacks and the pages used to customize them, making mirrors of the scripts and pages in Portuguese, i was going to translate some more but is it ok to do it? i maintained the credits!

http://www.ricardouk.blogspot