How to make 3 column template

1. Login your blogger account, then click Customize.

2. In Edit Layout page, click to Edit Html.

3. Don't thick Expand Widget Templates.

4. Find following code below (press Ctrl+F):

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

Change the highlight in red color width:950px;

5. Find following code below (press Ctrl+F):

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

Change the highlight in red color width:950px;

6. Find following code below (press Ctrl+F):

#sidebar-wrapper {
width: 220px;
float: $endSide;
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 */
}

Change the highlight in red color width:250px;

7. Next copy this whole section from your template (this is the section we modified in the previous step):

#sidebar-wrapper {
width: 250px;
float: $endSide;
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 */
}

Once you have copied this to your clipboard, paste this section of code immedietly beneath the original set of code. Then change this line in your newly pasted code:

#sidebar-wrapper {

To say this instead:

#new-sidebar-wrapper {

However, if you prefer the sidebar to appear to the left of the main posts column, you will need to change the following line:

float: $endSide;

To this instead:

float: $startSide;

This will ensure that your new sidebar will float to the left.

8. Next find following code below (press Ctrl+F):

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

<!-- Insert code here for left sidebar -->
<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>

<!-- Insert code here for right aligned sidebar -->
<div id='sidebar-wrapper'>
<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:section>
</div>

When you have decided where you would like your second sidebar to appear, copy and paste the following section of code in the appropriate place:

<div id='new-sidebar-wrapper'>
<b:section class='sidebar' id='new-sidebar' preferred='yes'/>
</div>

You should save your new template at this point.

There is currently no content in this second sidebar, so if you preview your blog, nothing will be displayed in it's place. But if you go to Template>Page Elements in your Blogger dashboars, you will see a new "Add page element" section. Here you can add a new widget and take a look at your blog to see how it will be displayed.

Live Demo 1 or Live Demo 2

credit to http://www.bloggerbuster.com

Read Full Post >>

How to add column above posting

1. Login your blogger account, click Customize.

2. Navigate to Page Elements >> Edit Html Template.

3. Search for the following code in your template

<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>

3. Now inside the above code you can find a code <b:section class=' main' id='main' showaddelement='no'> . This code is for the post section. We can edit this code to add another gadget on our post body.

4. You have to change NO to Yes in the above code. That means after editing the code it should look like <b:section class=' main' id='main' showaddelement='yes'> . Save the template.

5. Now navigate to Page Elements and you can notice a new Add a Gadget option there above your post contents. Check out the below screenshot.

6. You can use either TEXT or HTML/Javascript gadget to write your post and then save. This will show your text above all your blog posts.

7. You are done.

Read Full Post >>

Get your blogID , user ID on blogger

BlogID , user ID are the number is not known very much but they are very important in developing and writing new code for blogger. Most bloggers do not notice this,do not know what it is and where can find it. Some pro bloggers have to know this and write new script , widget for their own blog base on these ID. So this tip will help you-new bloggers to find and get them.

1.Now first , blogID , where is it ?
Log in your blogger.com account > Customize , ok look for the address bar, you will see the blogID with this form :
http://www.blogger.com/posts.g?blogID=xxxxxxxxxxxxxxxxxx



2.User ID
Log in your blogger.com >Look at your profile on left side bar then click on View Profile and look at the address bar , you will see your userID with this form:
http://www.blogger.com/profile/xxxxxxxxxxxxxxxxxxx



Why you have to know these ID ? Because some script and widgets work base on these ID.

Read Full Post >>

Create Auto Read More ( no thumbnail)

Log in your blogger account , go to Edit HTML ( should back up your template) > choose Expand Widget Tempate , then look for the code <data:post.body> ( press Ctrl F or find it each line , up to you)

Replace it by this whole code :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'/>
<script type='text/javascript'>
var blogID = &quot;937920098338306331&quot;;
function retriveSummaryPost<data:post.id/>(json){document.getElementById(&quot;summary<data:post.id/>&quot;).innerHTML
= json.entry.summary.$t + &quot;...&quot;}

function createSummaryPost<data:post.id/>(POSTID){ var script =
document.createElement(&quot;script&quot;);
script.src = &quot;http://www.blogger.com/feeds/&quot;+blogID+&quot;/posts/summary/&quot;+POSTID+&quot;?alt=json-in-script&amp;callback=retriveSummaryPost<data:post.id/>&quot;;
script.type = &quot;text/javascript&quot;; document.getElementsByTagName(&#39;head&#39;)[0].appendChild(script);
}
</script>
<script type='text/javascript'>
createSummaryPost<data:post.id/>(&quot;<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>--&gt;Read more...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='post_body'><data:post.body/></div>
</b:if>

Look for the red code, that is the number of your blogID, if you don't know how to get your blogID , click here to view the instruction.

Note: If you can not find the code because you have changed your template source many times, so try with the last as you see.

credit to http://zenplate.blogspot.com for good tutorial

Read Full Post >>

What is blog?

Defination A weblog, sometimes written as web log or Weblog, is a Web site that consists of a series of entries arranged in reverse chronological order, often updated on frequently with new information about particular topics. The information can be written by the site owner, gleaned from other Web sites or other sources, or contributed by users.

A weblog often has the quality of being a kind of "log of our times" from a particular point-of-view. Generally, weblogs are devoted to one or several subjects or themes, usually of topical interest, and, in general, can be thought of as developing commentaries, individual or collective on their particular themes. A weblog may consist of the recorded ideas of an individual (a sort of diary) or be a complex collaboration open to anyone. Most of the latter are moderated discussions.

Since there are a number of variations on this idea and new variations can easily be invented, the meaning of this term is apt to gather additional connotations with time. A popular weblog is Slashdot.org, the product of programmer and graphic artist Rob Malden and several colleagues. Slashdot.org carries discussion threads on many subjects including: Money, Quake (the game), Netscape, Sun Microsystems, Hardware, and Linux. Slashdot.org solicits and posts interesting stories reported by contributors, includes a link to the story, and manages the threads of the ensuing discussion by other users. Another well-known weblog is Jorn Barger's Robot Wisdom Log, which is more of collection of daily highlights from other Web sites. Jessamyn West's librarian.net is a daily log of items interesting to librarians and possibly others, too.

As a format and content approach for a Web site, the weblog seems popular because the viewer knows that something changes every day, there is a personal point-of-view, and, on some sites, there is an opportunity to collaborate or respond with the Web site and its participants.

2) Weblog is the name of a software product from South Korea that analyzes a Web site's access access log and reports the number of visitors, views, hits, most frequently visited pages, and so forth.

Read Full Post >>

Definitions of blog on the Web:

• read, write, or edit a shared on-line journal
• web log: a shared on-line journal where people can post diary entries about their personal experiences and hobbies; "postings on a blog are ...
  wordnetweb.princeton.edu/perl/webwn
• A blog (a contraction of the term weblog) is a type of website, usually maintained by an individual with regular entries of commentary ...
  en.wikipedia.org/wiki/Blog
• A personal or corporate website in the form of an online journal, with new entries appearing in sequence as they are written, especially as ...
  en.wiktionary.org/wiki/blog
• blogger - a person who keeps and updates a blog
  wordnetweb.princeton.edu/perl/webwn
• Blogger is a blog publishing system. It was created by Pyra Labs, which was bought by Google in 2003. ...
  en.wikipedia.org/wiki/Blogger_(service)
• blogging - The design and editing of a blog; weblogging
  en.wiktionary.org/wiki/blogging
• blogger - A contributor to a blog or online journal
  en.wiktionary.org/wiki/blogger
• a journal or diary that is posted on the Internet.
  www.luminafoundation.org/grants/grantee_resources/comm101/glossary.html
• (Weblog - usally shortened to blog) Blog is an abbreviated version of Weblog, which is a term used to describe Web sites that maintain an ongoing chronicle of information. A blog is a frequently updated, personal Web site featuring diary-type commentary and links to articles or other Web sites. ...
  www.web2fordev.net/web2/glossary-of-web/en/
• Short for Web log, a blog is a Web page that serves as a publicly accessible personal journal for an individual. Typically updated daily, blogs often reflect the personality of the author.
  www.genderit.org/en/index.shtml
• Blog is short for weblog. A weblog is a journal (or newsletter) that is frequently updated and intended for general public consumption. Blogs generally represent the personality of the author or the Web site.
  www.bytowninternet.com/glossary
• Short for "Web log," a specialized site that allows an individual or group of individuals to share a running log of events and personal ...
  www.pvt.com/oth/glossary.htm
• A blog is basically a journal that is available on the web. The activity of updating a blog is "blogging" and someone who keeps a blog is a "blogger." Blogs are typically updated daily using software that allows people with little or no technical background to update and maintain the blog. ...
  www.apollo-media.com/glossary.aspx
• A blog is a website where entries are made in journal style and displayed in a reverse chronological order. ...
  www.sussexlearningnetwork.org.uk/glossary/B

Read Full Post >>