Features of Magic House Blogger Template

• Top navigation menu
• Search box in right of navigation menu
• Two sidebars with one sidebar in each side
• socialbar script at bottom of the post
• Read More hack with automatic thumbnail creator script
• Yahoo Smileys hack included
• Cross browser Compatible
• Supports All screen resolution

Template Modifications

• Top Navigation Menu

To set up Navigation menu , go to EDIT HTML page of your blogger Template.There you will find the following code :

Edit the links and title to suit your Blogger template.

• Remove Top Blogger Navbar

Read more hack for Blogger

I have included the javascript needed for the automatic thumbnail creator script. If you need any modifications of the image width or height , then please refer this post Read more hack with Automatic Thumbnail creator

Donate if you like my work

if you like my work and want to encourage me to rip more wordpress themes to blogger templates , Then please help us by donating something you can.

So if you want any wordpress theme to be converted to blogger xml template , then request in the comment section. I am always ready to rip.

If you Guys need any modification or any other hack in this template , then please contact here or email me to mohamedrias1103gmail.com. I will modify this template to your wish.

P.S: I have hosted all images in my own database. So there won’t be any bandwidth problem. But still i appreciate you to upload the images to photobucket and take backup.

Related posts:

1. Box Tube Blogger Template
2. Digital Statement Blogger Template
3. Premium Quality Brownish Blogger template

Main features of this template:

• Header with a search widget on right :

This is the code i have used

<div id=’searchbox’>
<form action=’/search’ id=’searchform’ method=’get’>
<input class=’swap_value’ id=’s’ name=’q’ type=’text’ value=”/>

<input alt=’Search’ id=’go’ src=’http://i624.photobucket.com/albums/tt327/digitalstatement/go.gif’ title=’Search’ type=’image’/>
</form>
</div>

you can see this code if you check expand widgets box in layout page. If you want to show your own adsense search box then just replace this code with your adsense search box code.

• Two navigation widget available.

This is the code I have used

<div id=’nav’>
<ul>
<li class=’page_item’><a href=’http://techieblogger.com/’>Home</a></li>
<li class=’page_item’><a href=’http://www.wordpress.org’ title=’Wordpress’>Wordpress</a></li>
<li class=’page_item’><a href=’http://www.blogger.com’ title=’Blogger’>Blogger</a></li>
<li class=’page_item’><a href=’http://www.techieblogger.com’ title=’Taking Blogger to Next Level’>Techie Blogger</a></li>
</ul><div class=’clearfloat’/>

<ul id=’cat’>
<li class=’cat-item’><a href=’http://www.techieblogger.com’ title=’View all posts filed under Blockquotes’>admin</a></li>
<li class=’cat-item’><a href=’http://www.techieblogger.com/2008/07/page-navigation-hack-for-blogger.html’ title=’Page Navigation Widget’>Numbered Page navigation</a></li>

<li class=’cat-item’><a href=’http://www.techieblogger.com/’ title=’View all posts filed under Lists’>Author</a></li>
</ul>
</div></div>

replace all the links with your own links. If you are satisfied with just one navigation widget and want to show adsense 726×15 ad link unit then you need to edit the second navigation code with this.

<ul id=’cat’>
< —- adsense code here — >
</ul>

• Related Posts Widget with custom CSS is included in this template with print option.
• Comments with unique CSS style and showing author comments in different style is included.

If you want to show your own avatar then search for this code in the edit HTML tab pge with expand widgets box checked.

http://www.gravatar.com/avatar.php?gravatar_id=ef6eb8d01747fd1846efd0227517ca1c&rating=R&size=36

replace that url with your own avatar url.

• Two Tabbed Navigation Widget is included in Sidebar. If you want to change the titles of the tabbed navigation , then search for this tag in EDIT HTML page.

<div class=”tabbertab” title=”Recent Post“>

similarly you can change the titles of other widgets also.

• Three column footer section is available in this template.

I haven’t included the featured post hack in this template , because most of the blogger users won’t use that. if you want to add that featured post widget then add the following java script above </head>

<!–SmoothGallery Starts–>

<link rel=”stylesheet” href=”http://wpthemes.blogohblog.net/wp-content/themes/Digital_Statement/js/smoothgallery/css/jd.gallery.css” type=”text/css” media=”screen”/>
<script type=”text/javascript” src=”http://wpthemes.blogohblog.net/wp-content/themes/Digital_Statement/js/smoothgallery/scripts/mootools.v1.11.js”></script>
<script type=”text/javascript” src=”http://wpthemes.blogohblog.net/wp-content/themes/Digital_Statement/js/smoothgallery/scripts/jd.gallery.js”></script>
<!–SmoothGallery Ends–>

What’s Next ?

With So many new features available , hope everyone will like this template.

Download | Demo

Guys I am giving this template as free so please don’t remove the footer credits

Hope you Guys will like this template.. if you are really impressed by my hard work then please make some donations.

See you soon with a new template.

update :

if you want to remove one of the tabbed navigation Widget then do the following step.

Go to Layout page of your template and then navigate to EDIT HTML sub page. There search for the following tag

remove this whole code.

If you need any other customization let me know..

Related posts:

1. FRAMED THREE COLUMN BLOGGER TEMPLATE
2. Premium Quality Brownish Blogger template
3. Blogger Accessories Three Column Blogger Template

1. Twitter like news Widget or Adsense banner ad

There is a HTML / Javascript Element in the header section. You can use this widget either for displaying twitter like site updates or you can just place Adsense or Adbrite Ads.

Adding adsense ad is easy , so Now I will tell How to add the Twitter like news widget.

The CSS code required for this hack is already included in the template. So Now we just need to add the following code in the HTML widget found beside the header.

<div id=”twitter-like-news” rel=”nofollow”>

<b:if cond=”data:content == &quot;&quot;”>
<em> Site Message </em><h1>type the text you want to display here</h1>

</b:if>
<data:content/>
</data:content></div>

Change the text in red and green to suit your blogger template.

2. Top Navigation Widget

In the layout section of your blog , you can see a HTML/ Javascript widget. There you can put the links you want to display.

<ul>
<li><a href=”/“>Home</a></li>
<li><a href=”http://rias-techno-wizard.blogspot.com/search/label/Blogger%20Template“>Blogger Templates</a></li>
<li><a href=”http://rias-techno-wizard.blogspot.com/search/label/Blogger%20widget“>Widgets</a></li>
<li><a href=”http://rias-techno-wizard.blogspot.com/search/label/Blogger%20Hack“>Blogger Hacks</a></li>
<li><a href=”http://feeds.feedburner.com/TechnoWizard?format=xml” rel=”follow”><span style=”color: rgb(255, 102, 0);”>{Subscribe}</span></a></li></ul>

Customize the text in red and green to suit your blogger template.

3. Page Navigation widget :

The Page navigation widget in the blogger template has the css code like in my blog.

4. Three column Footer section.

This is one of the special features of this template. This template has a three column footer section in a unique style. I will write a post on this hack soon.

There is a Blog archive widget already included in the footer section. there please change the appearance of the widget to drop down menu type.

5. SEO ( search Engine Optimization ) title hack included

6. Favicon is also included , just change the image url with your own image url.

if you going to change your current blogger template with this one , then please look at this article so that you can change the template without loosing your widgets.

License: This work is done under creative commons license 3.0 . i have spent some 3 hours to create this template. So please don’t remove the footer credits.

if you guys want any modification in this template then please send your suggestion to mohamedrias1103@gmail , I can modify this template to your wish for free.

Demo : Blogger Accessories

Premium quality brownish Template

I hope you will like this theme for sure . Very few Blog themes are there with professional look. I am sure that this theme is also one among them.

I can also convert wordpress themes to Blogger xml templates. if you are really inspired by any wordpress themes let me know , i can convert that template to you for free.

Related posts:

1. FRAMED THREE COLUMN BLOGGER TEMPLATE
2. Jumong 3 column Blogger Template
3. Digital Statement Blogger Template

Main features of this Framed Blogger Template :

1. On the right side of the header you can see two widgets in your Layout section ( both are locked). In Top HTML widget you can add Adsense ad or any other HTML code.

The bottom Top Menu widget is only for showing navigation links.

2. Author Comments in different style hack is included.

3. Page navigation Hack.

- In this framed Blogger template I am introducing my next Page Navigation widget with some bugs fixed and with a new CSS style. Now this Page Navigation widget contains links for First page and Last page.

4. Two sidebars on right side. ( 180px and 280px )

5. Best adsense Placement options for higher CTR.

6. Related posts Widget is included.

7. Adsense ad 468 x 60 is placed at the bottom of the post , please replace the code with yours. ( this adsense ad will be shown only in Post pages. I will write an article on this very soon)

This work is done under Creative Commons License 3.0 , so please don’t remove the footer credits.

you can modify the script to suit your template , but you can’t redistribute any script included in this template , without my permission.

Demo of Framed Blogger template

Framed Three Column Blogger template

I hope you will welcome this Blogger template and encourage me to create more templates like these.

my next Blogger template : Firebug reloaded

Related posts:

1. Blogger Accessories Three Column Blogger Template
2. Jumong 3 column Blogger Template
3. Premium Quality Brownish Blogger template

Main Features of this Three Column Blogger Template.

* Adsense 468 x 60 ad on header top

*******************************
I have added two page elements in header section , so just add the adsense code or any other code to the HTML/Javascript element.

You can see in the image , there is a HTML widget on right side , Add Adsense ad code there.

* SEO page title Hack is also included.

* Navigation Menu is included

* Numbering Blogger Comments Hack is also included.

* Unique CSS style for Author comments is also included inorder to distinguish author comments from others.

* Display only specific number of posts in Lables Page hack included.

* Related Posts Widget is also included

* Page Navigation Menu of my CSS style.

*Comment Form is embedded below each post.

This Work is done under creative commons License 3.0

So please don’t remove the footer credits.
If you want to see the template in Action , please have a look at my own Blog because I am using this template only.

Blogger Accessories Three Column Blogger Template.

I hope all of you will welcome this new three column template. Please leave a comment so that i can modify this template further.

Related posts:

1. FRAMED THREE COLUMN BLOGGER TEMPLATE
2. Jumong 3 column Blogger Template
3. BLOGGER TEMPLATE : FIREBUG THEME RELOADED

Jumong theme is based on a popular Korean historical drama series. Initially I saw this template on a wordpress blog. It was a wordpress theme. I surfed search engines for a blogger version . But i came to know that jumong template is available only for wordpress,not for blogger . But I am really inspired by this template . So i decided to convert this wordpress jumong 3 column template to blogger beta template. This is my first template . It initially took lot of time , but finally i have converted this jumong wordpress template to blogger. And now I am testing this template on my own blog. I got no errors so far. And also it is tweaked for seo and also this template contains blogger hacks like ,

1. Related Articles

2. Swap Title for SEO

3. Label or Tag cloud

4. faster Loading

5. Meta Tag included , just replace the description and keywords with your own.

6. Bookmarking links for technorati , digg , del.icio.us , blink , etc

How to Add Adsense Ads below post title on blogger :

First check expand widgets template , The search for <div class=’post-header-line-1′/> then add google adsense ad code immediately below that line .

How to show Google Adsense Ads only in post pages :

it’s very simple , just add this code

<b:if cond=’data:blog.pageType == &quot;item&quot;’>

put adsense ad code here

</b:if>

Do you want to show the related Posts widget in blogger :

Javascript needed for related posts widget is already added in the template itself , you just need to paste the following code in place you need the widget to appear ,

<script type=’text/javascript’>
removeRelatedDuplicates();
printRelatedLabels();
</script>

If you want to add related posts widget below the post content in blogger , then in layout section check expand widgets . Search for <p><data:post.body/></p> , add the code below this line.

blogger demo : Blogger Plaza

This template is licensed under the Creative Commons Atribution License, so please do not remove the footer credits. I have worked hard to convert this wordpress theme to blogger.

Download Jumong Blogger template

Related posts:

1. FRAMED THREE COLUMN BLOGGER TEMPLATE
2. Blogger Accessories Three Column Blogger Template
3. Premium Quality Brownish Blogger template