Friday, August 22, 2008

test scheduled post

UPDATE: Original content of this scheduled post deleted. This test post verified scheduling posts for future publication" with time caves works. However, it is no longer necessary as now you can
schedule future posting direct with Blogger

Schedule future posts


UPDATE: This hack is no longer necessary. Now to schedule your post for future posting, all you need to do is when your post is ready, click the POST OPTION at the bottom left of the post editor

Blogger Post Editor Post Options

and set the date and time in the future which you want to schedule the post to publish the post, then click the PUBLISH POST button:

schedule future post in Blogger post editor


Blogger itself do not have a provision for scheduling posts to be publish at a future date. However, there is a work around:

First, sign into blogger.com (Dashboard), click SETTINGS, then EMAILS and set a "Mail-to-Blogger Address" secret mail-to-blogger email address. For example abc.xyz@blogger.com (keep this email address secret, refer to screen shot below:
secret mail-to-blogger email address

Next prepare the post as usual in Blogger post editor window in the EDIT HTML mode. Upload the images you want to display, include any HTML tags such as a hyperlink HTML tag, etc. (see screen shot below:

Blogger post editor window

When you have finished preparing your post, click inside post editor window, press ctrl+A keys to highlight the whole post including any HTML tags, press ctrl+C keys to copy into clipboard. Do not publish. If you wish, you can save the post as draft for safe keeping.

Next, create an account at Time Cave, select a time zone etc. and activate the account. Once activated, log in and schedule a new message. Paste what you have copied from the post editor window into the new message editor window. Type in the secret mail-to-blogger email address and select the date and time you want to publish the post. Preview, then click CONFIRM. Done

Peter Chen's nice graphic signature

Change blog background color

Update: The new Blogger Template Designer has made this task very easy.
Sign into Dashboard (blogger.com) > Design > Template Designer > Background
and change whatever you fancy there easily.


This blog uses Ramani's 3 column Minima template and the background color of the blog is white. To change the blog background, go to LAYOUT, click Edit HTML, look for the outer-wrapper portion of the stylesheet of the template. Add the line

background: chosen color;

For example, in an extract of the template below, a line (in red) has been added:

background: green;


/* Outer-Wrapper
------------------------------------------------ */
#outer-wrapper {
width: 750px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
background: green;
}

Peter Chen's nice graphic signature

Sunday, August 03, 2008

Additional "Add Page Element (gadget)" for LAYOUT

IMPORTANT NOTE: Page Element is now referred to as GADGET. This ADD A PAGE ELEMENT is now ADD A GADGET


Below is the LAYOUT of a standard Minima template:

Standard Blogger Minima 2 column template

Note that there are only 2 "Add a Page Element (gadget)" (one of them highlighted with red ellipse). Below is an extract of relevant section of the template:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Temporary (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>


Now if you want to have additional [Add a Page Element]'s, change
showaddelement='no'
to
showaddelement='yes'

and where appropriate, change '1' in
maxwidgets='1'
to any number greater than '1'. If you just delete '1' and leave it as
maxwidgets=''
you can add an infinite number of Page Elements.

The edited script shown is in the scroll box below:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='Temporary (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='yes'/>
</div>

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


Note that all three showaddelement='no' had been changed to showaddelement='yes', and in the LAYOUT, you will see three additional "Add a Page Element":

edited LAYOUT

Peter Chen's nice graphic signature

Find help, info, instructions, tips, tricks

Tip: Use search box below or this box, labels in the first right sidebar, archive, ctrl+F for this page or sitemap to find topics