This is the newest beauty 3 columns blogger template on the house. With beautiful designed and powerful ability, this template is definitely worth a try. You can see the demo here: blogger Demo | Wordpress Demo.
Or you want to see the screenshot? Here it is.

3COlumns Blogger Template Screenshot

Click on the image will enlarge in a new window.

This template is originally created by blogohblog, Now we have converted it into blogger template for your use.

You can download it here;

Wordpress Theme Download
Download Wordpress Theme BlogohBlog Version 2.0

Downloaded a total of 1208 times

Demo Site

blogger Template Download

Download 3 Columns Blogger Template - BlogOhBlog - v.1.2 Version 1.2

Downloaded a total of 5906 times

Demo Site

Log

Version 1.2:
Some widgets don’t work on the page elements control.
Now it’s fixed.

version 1.1:
some style error, mistyped. now it’s fixed.

version 1.0:
Just released

Notes;

1. If you want to change the Logo, you can use this photoshop file of the logo.

Photoshop file of Blog oh Blog Logo (67)

2. The Related Posts has already been embedded. if you want to remove it, please read about this widget (on the link above), so you will know what should to do to remove the related posts.

Steps to Install,
please read it carefully

1. The banner on the top right.

On the top right, you will see a banner. It is an HTML/Javascript Widget. you can edit it through your widget Control Panel.

Make sure that the id is HTML1

Here is the HTML1 content of the demo site

<a href=”#”><img border=”0? alt=”Link Worth” src=”http://www.jackbook3.googlepages.com/blogohblog_linkworth.gif”/></a>

2. The menu on the top left.

Above the post content, there is a horizontal menu. you can edit it to make it fit as your need. make sure the id is HTML2

here is my HTML2 HTML/Javascript Widget Content

 <ul>

<li><a href=”http://www.jackbook.com/” title=”Home”>Home</a></li>

<li><a href=”http://www.jackbook.com/2007/09/why-pool.html” title=”About Us”>About Us</a></li>

<li><a href=”http://likesimon.com/contact-me/” title=”Contact”>Contact Us</a></li>

<li><a href=”http://feeds.feedburner.com/Lifewg” title=”Full Rss Feed”>Full Rss Feed</a></li>

</ul>

3. About Me Area. Top Right on Sidebar

The About Me area on the top sidebar is n HTML/Javascript Widget also. make sure the id is HTML3

and here is the demo widget content

    <h2>

About Me

</h2>I am a Beautiful Web Design Lover. I love seeing people with their lovely design site. Now, so many great Web Designer out there sharing their work for free, unfortunately not all people can use it. <a href=”http://www.jackbook.com/2007/09/why-pool.html” title=”Read More”>Read More</a><br>

<br>

<h2>

Want to subscribe?

</h2><a href=”http://feeds.feedburner.com/Lifewg” rel=”alternate” type=”application/rss+xml”><img alt=”" style=”vertical-align:middle;border:0? src=”http://www.feedburner.com/fb/images/pub/feed-icon16×16.png”></a> <a href=”http://feeds.feedburner.com/lifewg” rel=”alternate” type=”application/rss+xml”>Subscribe in a reader</a> Or, subscribe via email:<br>

<form action=”http://www.feedburner.com/fb/a/emailverify” target=”popupwindow” method=”post” onsubmit=”window.open(’http://www.feedburner.com’, ‘popupwindow’, ’scrollbars=yes,width=550,height=520');return true”>

Enter your email here: <input style=”border: 1px solid rgb(203, 203, 203); background: rgb(255, 255, 160) none repeat scroll 0%; color: rgb(102, 102, 102); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 130px;” name=”email” type=”text”> <input value=”http://feeds.feedburner.com/~e?ffid=807419? name=”url” type=”hidden”> <input value=”LifewG - Life with Google” name=”title” type=”hidden”> <input value=”Subscribe” type=”submit”><br>

</form>

I recommend you to use Feedburner for you Feed burner :D

4. The Search Form on the sidebar.

This is also again an HTML/Javascript widget.

here is the demo widget content.

<form id=”searchform” action=”http://YOUR-BLOG-NAME.blogspot.com/search” name=”searchform” method=”get”>
<div>
Find entries : <input id=”s” value=”” name=”q” type=”text”/>
<input id=”searchsubmit” value=”Search” type=”submit”/>
</div>
</form>

I recommend you to use the simple format as mine. just change the bold text there.

That is it!

You can see how to get a recent comment list and recent post list on blogger there. thanks

If you want to have a recent post list like mine. here it is.

<script style=”" src=”http://lifewg.googlepages.com/rp.js”></script>

<script style=”">

var numposts = 10;

var showpostdate = false;

var showpostsummary = false;

var numchars = 100;

var standardstyling = true;

</script>

<script src=”http://YOUR-BLOG-NAME.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp”></script>

Just change the bold text with yours.

- end -

Please submit your question or if you want to report any broken link or reprot a bug, please submit it here on the comment form below.

thanks

a little new added:
a message by our finance donor. contact me if you want to leave a message here :) thanks

Incorporating the 3 columns blogger template into your existing web site enhance it looks to capture more audience. Promoting your web site with the popular search engines through search engine optimization is very important and is even crticial for online businesses seeking expensive ecommerce hosting . For the same reason and to keep their sites easily accessible for the target customers, these businesses strive by all means to employ the best web hosting available.

Have Our Articles Sent To Your Email, Free!

Blogging Related Only:


All Articles:

Readers who viewed this page, also viewed: