posted under blogger templates gallery by Rome Uy

Mushblue is originally a wordpress theme created by Mukka-mu, thanks to S. (i wish i have your name and your link) for requesting this, so now it has been converted to blogger / blogspot for all of you.

You can see the Demo Site here; Wordpress Theme Demo | Blogger Template Demo
Screenshot;

You can download this template here;Wordpress Theme
Musblue 1.0 Download here
Demo site Here

Blogger Template

Downloaded a total of 21976 times

Demo site here

Important Notes to Install this blogger template,
1. on the header / top upper right, you’ll see an upper menu. that is an HTML/Javascript Widget.
to have the menu installed, you need to have your menu listed on this structure below;

<ul><li><a href="Your Menu Link Here">Your Menu Here</a></li><li><a href="Your Menu Link Here">Your Menu Here</a></li><li><a href="Your Menu Link Here">Your Menu Here</a></li></ul>

this is the content of the widget installed on the demo site.

<ul><li><a href="http://feeds.feedburner.com/Lifewg">Full Rss Feed</a></li><li><a href="http://www.jackbook.com/2007/08/i-saw-beautiful-website-could-you.html">About Us</a></li><li><a href="http://likesimon.com/contact-me/">Contact Us</a></li><li><a href="http://www.jackbook.com/">Home</a></li></ul>

2. The Feed Icon and Search Box on the right is an HTML/JAVASCRIPT widget element.
This is the content.

<h2>Subscribe</h2>

<div id="rss"><a href="#yourRssFeedHere" title="Syndicate this site using RSS"></a></div>

<div id="searchdiv"><form id="searchform" action="http://YOUR-BLOG-NAME.blogspot.com/search” method=”get”><input id=”s” maxlength=”255? name=”q” size=”15? type=”text”/><input alt=”Go” value=”Go” name=”button” type=”submit”/></form></div>

change the YOUR-BLOG-NAME with your own blog name.

3. The recent posts on the right is a Feed Widget Element.
You can change it with your own feed url, or you can have the recent post and recent comment for blogger simple hack here.

Update: New Added
4. Post Date on blogger template.
You need to make sure that the post timestamp on your blog is set rite like this

 

Monday, August 27, 2007

Here is the step
- First Go to your Dashboard — Settings — Formatting
- there you should see Timestamp Format selector there.
choose the format as it’s shown above.

- Save Setting, Refresh your blog and Done.

Update, just added

How to change the image header?

1. Download http://www.jackbook1.googlepages.com/mushblue_style.css file
2. open the file with notepad, or any html editor you familiar with.
3. find this code below

background: url('http://www.jackbook1.googlepages.com/mushblue_r.jpg') no-repeat;

http://www.jackbook1.googlepages.com/mushblue_r.jpgthat is your current image header. change that url with your own image url.save the file.

then upload it somewhere. (i recommend to upload it on your googlepages, it’s easy to upload there)

4. go to your blog, dashboard–template–edit html5. find this line

<link href='http://www.jackbook1.googlepages.com/mushblue_style.css' media='screen' rel='stylesheet' type='text/css'/>

http://www.jackbook1.googlepages.com/mushblue_style.css

that is your current css.

replace that with your new css, and then
6. save your template, refresh your blog and done.
thanks