Announcing WordPress Thesis Blogussion for Blogger

blgussion Announcing Wordpress Thesis Blogussion for Blogger

Due to high demand of WordPress Thesis templates, I thought of converting some popular WordPress Thesis template in to blogger. After five hours of continuous work, finally I have converted WordPress Thesis Blogussion to Blogger. Blogussion for Blogspot Blogger is exact clone of Blogussion Template for WordPress.

Blogussion for Blogger is exactly similar to the original one. No one can easily distinguish between the WordPress thesis theme and your Blogger after you have used this theme. Let’s see what’s featured in new Blogussion for Blogger.

thumb Announcing Wordpress Thesis Blogussion for Blogger

Primary Navigation

secondary nav Announcing Wordpress Thesis Blogussion for Blogger

Eye catchy navigation by Blogussion still exists for the Blogger Version.

Featured post zone:

featured widget Announcing Wordpress Thesis Blogussion for Blogger

You can place any widget in featured post zone. The featured post is less annoying and is visible in every page. Next to it, we’ve three blocks for 125 X 125 ads which was already featured in the original version.

Sidebar as pleasing as in original version

sidebar Announcing Wordpress Thesis Blogussion for Blogger

Sidebar section with un-widgetized orange box to focus on your Feeds and subscription links. Below it, we’ve widgetized sidebar with appealing arrangements.

WordPress Like Comments section

comments Announcing Wordpress Thesis Blogussion for Blogger


The comment section is more customized and very much different from ordinary comments section and exactly reflects the WordPress looks. Add one link to make it more interactive which directly scrolls down to the comment form.

Avatarized Unique Comments

commentregion Announcing Wordpress Thesis Blogussion for Blogger



Completely customized comments list which will definitely make your blog look professional and unique. Don’t forget to see the face of the commentor at the right! icon smile Announcing Wordpress Thesis Blogussion for Blogger

Easy Next Previous Navigation

navigation Announcing Wordpress Thesis Blogussion for Blogger
Navigation is kept in separate box. The link is easily noticeable unlike other Blogger templates. Still you can tweak the Next Previous navigation to Paged navigation.
I have three feets
footer Announcing Wordpress Thesis Blogussion for Blogger
Three widgetized footer columns. The dark gray and white text over it makes it pleasing to eye and your contents, still is readable.
Footnote
footnote Announcing Wordpress Thesis Blogussion for Blogger
Footer Copyright notice so beautiful that you don’t want to remove. Please do not remove your footer note. We’ll be happy to see it when we visit your blog.

How to edit Blogussion for Blogger?

Most things you want to modify are:
  1. Top Navigation
  2. Logo and Description
  3. Secondary Navigation
  4. Subscribe section
  5. 125 X 125 ads region
Top Navigation:
As soon as you upload Blogussion for Blogger, this is the first place you might like to modify. You can add any number of links.
In HTML code of the template, search for following:

<!-- Top Menu -->

You’ll see codes similar to below:

top menu Announcing Wordpress Thesis Blogussion for Blogger

To edit or add new links just define a usual list with ‘class=tab‘ defined.
If you are not getting what I mean, just copy the format below before </ul> tag.

<li class='tab'><a href="http://www.website.com">Link name</a></li>
Change the link and link name according to your need.

Logo and Description

z Announcing Wordpress Thesis Blogussion for Blogger

This is the thing that makes your blog unique from others.
First design your own logo with 267 X 45 px size and it must be strictly in transparent PNG format.
After you’ve designed your logo, upload it to any free image host like imgboot, to know more about hosting in image, read this.

When you are done with uploading the logo, copy the direct location to the image and go to the HTML editor of Blogger, Design > Edit HTML.
Search for following:

/* Blog Logo */

blog logo Announcing Wordpress Thesis Blogussion for Blogger

Replace your link in background: url(your logo image url here) no-repeat;

Save the template and you’ve successfully created a brand of your blog.

Now you’ll need to define your own description. To define your own description, search for following:

<!-- Logo Region -->

You’ll find something similar to the image below:
desc Announcing Wordpress Thesis Blogussion for Blogger

Replace the description of your blog with the one highlighted in red in above image.

Now you are done with Logo and Description.

Secondary Navigation:
To add/remove new links to secondary navigation, search for following:
<!-- Secondary Menu -->


You’ll see image similar to below:

secnd Announcing Wordpress Thesis Blogussion for Blogger

Follow the similar format like below:

<li class="second_nav_three">            
     <a href="Link Location">LINK NAME<span clas="desc">LINK DESCRIPTION</span>
     </a></li>

Be sure that your link description is inside <span class=”desc”> tag.

Sidebar Subscribtion
To tweak the subscribtion region, search for following:
<!-- Subscribtion -->

Change the highlighted link in:


<li class='rss'>
<a href='http://www.hacktweaks.com' title='Subscribe to the RSS Feed'>
RSS Feed
<span>Easy access</span>
</a>
</li>

to the link to your RSS Subscribtion page.


<li class='email'>
<a href='#' title='Subscribe to the RSS Feed via Email'>
Email Updates
<span>Sent to your inbox</span>
</a>
</li>

In above code snippet, hange the # link to with the link to your email subscription page.


<li class='twitter'>
<a href='http://www.twitter.com/' title='Follow us on Twitter'>
Twitter
<span>Follow us</span>
</a>
</li>

Change the highligted link above to your own twitter homepage.

Ads region
Search for following code:
<!– 125 ads –>

Change the image source and image link with your add in three different lists.

Change remove Labels
If you want labels to be appeared only on post page and not in homepage then do this:
- Search for <span class=’post-labels’>
- Just before the <span> tag add following code:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
- Next look for </span> tag. Just after it add following code:
</b:if>

See the image for more clarification:

z Announcing Wordpress Thesis Blogussion for Blogger

If you don’t want lables any where, then delete from <span class=’post-lables’> to </span>.

And that is all you need to do to make your webpage unique and professional. And we again request you leave the footer region as it is. We will like to have it as an appreciation.

Hope you’ll love his template.

You can leave a response, or trackback from your own site.

Leave a Reply