{ Technology, Internet, Software, Tips and more ... }

24 February 2008

Identity - 3 Column Blogger Template

Every week we are posting new blogger template in akOOgle. Last week we given Freicurv blogger template. And this week another nice blogger template for you. I hope you all are happy with our blogger template.


This Identity blogger template is a modern, 3-column, Widget ready, fully validated theme with black & white colors. It suitable for all personal as well as professional blogs.

Follow the instruction before install also check here for how to install a blogger template.

The following instruction is specific for this template. So, date format and search widget are different for this template.

Instructions

1. This template require minimum 2 HTML/Javascript widgets.

HTML1 - the horizontal top menu
HTML2 - the Search Box
HTML3 - About me section (optional)
HTML4 - RSS feed link in sidebar (optional)

Feed1 - is the Recent Post Widget
All other widgets are optional and Custom Links widgets.

About me and Subscribe widgets are optional but, I am recommending use these widgets in the white sidebar. So given the code for all widgets.

2. Horizontal Top menu

use this code for navigation link
<ul>
<li class="current_page_item"><span><a href="http://YOUR-BLOG-NAME.blogspot.com/">Home</a></span></li>
<li><a href="#" title="About">About</a></li>
<li><a href="#" title="Page 1">Page 1</a></li>
<li><a href="#" title="Page 2">Page 2</a></li>
</ul>

3. Search form

<form id="searchform" action="http://YOUR-BLOG-NAME.blogspot.com/search" name="searchform" method="get">
<input type="text" value="Search..." name="s" id="ls" onfocus="if (this.value == 'Search...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search...';}" class="swap_value" />
<input type="image" src="http://akoogle.wordpress.com/files/2008/02/searchb.gif" id="searchsubmit" value="Search" style="vertical-align: bottom;" />
</form>

4. About me section

To create a About me section like above. Create a HTML widget and write an introduction or short biography with your. I mean, a short one.

5. Subscribe widget

Want to create subscribe section then use following code. Just modify your RSS link and feed id only that I have highlighted in this code.

<br/><a href="http://feeds.feedburner.com/YOUR-RSSFEED"><img border="0" alt="RSS" style="padding-right:5px;" src="http://akoogle.wordpress.com/files/2008/02/rss.gif" align="left"/> Subscribe to my blog using RSS</a>
<br/><br/>
Subscribe by e-mail
<form action="http://www.feedburner.com/fb/a/emailverify" style="margin:0;padding:0;" target="popupwindow" method="post" onsubmit="window.open('http://www.feedburner.com/fb/a/emailverifySubmit?feedId=1177759', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input value="" class="sub_email" name="email" type="text"/><input value="http://feeds.feedburner.com/~e?ffid=1177759" name="url" type="hidden"/><input value="akOOgle" name="title" type="hidden"/>
<input value="en_US" name="loc" type="hidden"/><input id="subscribe" style="margin-left:5px; font:0.9em Trebuchet MS;padding:2px;border:none; background-color:#333333; color:#ffffff;" value="Subscribe" type="submit"/></form>


6. Customize the Post body.

To configure blog post please check this image will help you.
No of post is your choice.
Remove first check box - date header.


Done! Check here Live demo and download.

Demo and download

Download Identity now and leave me some comments. Thank you!

download preview theme


Download or view the demo of Wordpress theme here.

If you're new here, you may want to subscribe to my RSS feed or by Email. Thanks for visiting!

5 comments:

Anonymous said...

hi,

I am trying this theme on my test blog, http://myinclinations.blogspot.com/ & if everything works fine, i may use it on my main blog. Currently, no mater what i do, the About me & subscribe RSS section does not align itself to left, as shown in your preview blog. Also, the embed comment form hack (http://www.bloggerbuster.com/2008/06/how-to-add-comment-form-beneath-your.html) doesn't seem to work for this, can you help?!!

Secondly, if you take suggestions, can you convert this,http://webdemar.com/wordpress/wordpress-theme-defusion-0-8/ free wordpress template into blogger?

Anonymous said...

It is a beautiful blog design! I cannot understand how to make those tabs change white, when on each different webpage. It appears the li class "current page item" is what selects the correct tab, but how is that changeable when in Blogger you only have one web template?

Thanks for any advice!

Anonymous said...

whats that all about

Anonymous said...

i am hobby potographer, is there a chance you'd like to publish some of my pics? i think it would be nice and fit on your page :-)
really admire your site structure! write me a mail please in case you want to see my photos

akOOgle said...

Dear Anonymous,

send me mail to akoogle at gmail.com

send me some samples also.

.. akOOgle