Save the King! Bahamut Code blogger template

Save the King! Bahamut Code is an exciting blogger template that has a calm and radiant look and is optimized for admin and visitors alike. It also has several features that will boost the interaction on your website.

Before going any further, I suggest you read the Guide on how to install visit our FAQs page to be on the safe side.

After installation, this template will work right out of the box, however there are setups you need to do to enjoy many of its features. You just need to install some html codes.

Update Jan-25-2011
Images used for this template is now available for download.

The Features

But First, I give you the features!

Multi-browser compatibility
Two Columns
Widgetized header, navigation, sidebar and footer
Customizable Blog title and description
Several custom ad spots and sizes
Ads-Ready
Alternate Rotating Ads
Tab-menu
Related posts
Cropped Excerpt Image
Post Excerpts (Post Summary)
Comment Reply
Comment Count
Calendar style date on Post page
Blog Admin's Personal Space
Retains numerous gadgets


The Instructions

Next, the installation!

Starting from left to right, top to bottom. Header, navigation, main page, post page, sidebar and footer.

Tip: You might want to install these HTML codes first before customizing them.

Header - Logo

<div class="logo"><div style="margin:22px 0 0 102px;"><a href="http://www.bloggertemplateswidgets.com/" title="Save the King! Majinken logo"><img src="http://lh5.ggpht.com/_azB7jM4aqwM/TSYKYBMicqI/AAAAAAAABq4/HqZiPpQs0Uw/s128/stk-majinken-logo.png" /></a></div></div>

Header - empty gadget
An 225x89 pixels empty rectangle gadget for any purpose but should not be removed.

Header - Adsense
Adsense gadget made for 468x60 pixels horizontal advertisement.

Header - Main menu
Gadget for your main menu utilizing the gadget -- Blogger Pages.

Header - Title and Description
Quick customization of title and description just like Blogger's standard templates.

Header - Subscribe buttons

<div class="get-ups"><a href="#" title="rss"><img src="http://lh6.ggpht.com/_azB7jM4aqwM/TSdjYivIRAI/AAAAAAAABrQ/xJ0rZmCPq5M/rss-24x.png" class="g-rss"/></a> <a href="#" title="twt"><img src="http://lh4.ggpht.com/_azB7jM4aqwM/TSdjYxGB0CI/AAAAAAAABrU/eTC1yF-zRKM/twt-24x.png" class="g-twt"/></a> <a href="#" title="fbk"><img src="http://lh6.ggpht.com/_azB7jM4aqwM/TSdjYvTUzUI/AAAAAAAABrM/7ifHntwQkqw/fbk-24x.png" class="g-fbk"/></a> <a href="#" title="eml"><img src="http://lh3.ggpht.com/_azB7jM4aqwM/TSdowCiHSaI/AAAAAAAABrY/teGVtZJODe8/eml-24x.png" class="g-eml"/></a></div>

Navigation menu
Gadget for your navigation menu which utilizes the gadget -- Link List.

Main Page - Ads / Post Page - Ads
This can be Google Adsense or your own ads. To use Google Adsense, just check the "Show Ads Between Posts" option box, alternatively, you can use an alternate rotating ad in place of Google adsense by unchecking the "Show Ads Between Posts" option box.

Random images will show every page view/impression.

This is a one time set-up and will not be removed once you change back to Adsense. Look for this code below.

<script type='text/javascript'>var ad = []
ad[0]=[&quot;http://themeforest.net/?ref=bloggertemplateswidgets&quot; , &quot;http://envato.s3.amazonaws.com/referrer_adverts/tf_300x250_v1.gif&quot;]
ad[1]=[&quot;http://adf.ly/?id=104411&quot; , &quot;http://adf.ly/images/banners/adfly.250x250.1.png&quot;]
ad[2]=[&quot;#ads-place&quot; , &quot;http://lh5.ggpht.com/_azB7jM4aqwM/TNlqSTOCGQI/AAAAAAAABY4/BBGaIrWsf2E/250flat.png&quot;]
x = Math.floor(Math.random()*ad.length)
document.write(&quot;<center>&quot;)
document.write(&quot;<a href='&quot; + ad[x][0] + &quot;'>&quot;)
document.write(&quot;<img src='&quot; + ad[x][1] + &quot;'/>&quot;)
document.write(&quot;</a>&quot;)
document.write(&quot;</center>&quot;)</script>

Change the target link and target image to yours.

Add an extra ad space
Add more ad spaces by copying this code and replace the number. Each set of ad must have a unique number and must be in order.

ad[3]=["#ads-place" , "http://lh5.ggpht.com/_azB7jM4aqwM/TNlqSTOCGQI/AAAAAAAABY4/BBGaIrWsf2E/250flat.png"]

Main Page - Related Posts / Post Page - Related Posts
Find this code below and max-results=5, then change the value of 5 to the number of related post you want to show

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/>

Post Page - Calendar Date
The date is not visible or "undefined". You have to change the date settings.

Post Page - About Author
Located just below the post area.

To customize, look for this code then change the texts.

<div class='about-more -gr3 cdivide'>
<div class='about-mores'><div class='about-imgr'>
<div class='about-img'/></div>
<div class='about-msg uln'><strong>About this blogger theme</strong><br/>Save the Queen blogspot template is the first template I have created. This is free, supported and ready for download. If you have any questions feel free to leave your comment on my <a href='http://www.bloggertemplateswidgets.com/'>weblog</a>. Hope you like it. Enjoy!</div></div></div>

To change image look for these style in your CSS:

.about-img {
background: url(http://lh4.ggpht.com/_azB7jM4aqwM/TMQWuA9jWlI/AAAAAAAABTQ/hwGQHrHwbII/SaveTheQueen-imageshow.png) no-repeat;
width:100px;
height:100px;
margin:0 27px 0 27px;
}

Change the background image to your own.

Sidebar - Be our Fan
To create a Facebook Fan Page and get the Like Box plugin, go here

Sidebar - Sponsors

<div class="ads-place-125"><div style="margin-left:2px;"><a href="http://themeforest.net/?ref=bloggertemplateswidgets" rel="nofollow" title="Premium Blogger Templates"><img src="http://envato.s3.amazonaws.com/referrer_adverts/tf_125x125_v4.gif" /></a><a href="http://adf.ly/?id=104411" rel="nofollow" title=""><img src="http://lh5.ggpht.com/_azB7jM4aqwM/TIaUMWtNb8I/AAAAAAAABBg/KiBguNf4T5M/adfly-fun!.png" /></a><a href="http://www.trafficrevenue.net/register/bloggertemplateswidgets-com" rel="nofollow" title=""><img src="http://lh6.ggpht.com/_azB7jM4aqwM/TIasCc_WQqI/AAAAAAAABBo/-dROBscTzy4/trafficrevenue.png" /></a><a href="#" rel="nofollow" title="Advertise here?"><img src="http://lh5.ggpht.com/_azB7jM4aqwM/TL0YhsLN6wI/AAAAAAAABQ4/bDyvU0FknLo/125flat.png" /></a></div>
<div class="misc-link"><a class="misc-btn" href="#ad-page" rel="nofollow">Advertise with us!</a></div></div>

Sidebar - Tab Menu

<div class='tabs1'><ul class='tab idtabs'><li><a class='' href='#tabs2' title='Recent articles'>NEW POSTS</a></li><li><a class='' href='#tabs1' title='Recent responses'>COMMENTS</a></li><li><a class='flicon' href='#tabs3' title='Flickr photos'> <span style='color:#0063dc;'>flick</span><span style='color:#ff0084;'>r</span></a></li></ul><br class='clear'/><div id='tabs2'><ul><script src='http://www.bloggertemplateswidgets.com/feeds/posts/default?max-results=5&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1'/></ul></div><div id='tabs1'><ul><script src='http://www.bloggertemplateswidgets.com/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments'/></ul></div><div id='tabs3'><ul><div class='flickr'><!-- The script bellow will show latest photos in your flickr website ,change value : 55913990@N02 in the line bellow to your flickr id --><script src='http://www.flickr.com/badge_code_v2.gne?count=6&amp;display=latest&amp;size=s&amp;layout=x&amp;source=user&amp;user=55913990@N02' type='text/javascript'/></div><div class='misc-link'><a class='misc-btn' href='http://idgettr.com/' rel='nofollow'>Get your Flickr ID!</a></div>
</ul></div></div><script type='text/javascript'>jQuery(&quot;.tab&quot;).idTabs(&quot;!mouseover&quot;);</script>

Change the the 2 occurences of www.bloggertemplateswidgets.com to your site.
Change my flickr ID to your flickr ID.

Footer - Followers
If your having problems customizing your Followers gadget, this might solve the problem.

Finally, remove the sidebar gadgets that you don't need to remove some weight on your blog's loading time.

And that's it. If you have question(s) and suggestion(s), please leave it below. Enjoy!