How To Use Own Photo as Blog Background

How to add photo as Blogger blog background?
How to upload own photo to blog background?
How to change blog background to own photo?
How to modify Blogspot blog background to own photo?
How to put image as blog background?

Blogger in Draft's Template Designer now has a new feature which allows users to upload their own photos as background easily.

To do so, go to Dashboard > Design > Template Designer > Background.


Click on the "Background image" and you'll be able to see the "Upload image" feature. Click it and you'll be able to select the preferred picture as your blog's background.

According to Blogger in Draft blog, for images that fill the entire background, a resolution of 1800px wide and 1600px high is recommended and image size less than 200KB to minimize loading time of the blog. It support JPEG, GIF, and PNG format images.

At the end, additional background settings are available by using the Alignment, Repeat and Scroll options.

Tweet

How To Remove Blogger Navigation Bar in Template Designer (Update)

How to delete navigation bar on Blogger Draft template?
How to remove default bar on Draft Template Designer?


It can also be done via this method. Navigate yourself through:

Dashboard > Design > Template Designer > Advanced > Add CSS
And then add this:

#navbar-iframe {display: none !important;}

Click "Apply to Blog" and you're done.

Credit: Comment by Bytexpert

P/S: Click here for the previous workable method.

Tweet

How To Remove Blogger Navigation Bar in Draft Template Designer

How to delete navigation bar on Blogger Draft template?
How to remove default bar on Draft Template Designer?

The previous method to remove default Blogger navigation bar cannot be used anymore with templates designed from Blogger Draft Template Designer.


Here's how to remove the navigation bar on Template Designer's templates:

Dashboard > Layout > Edit HTML
Add this code:

#navbar-iframe { display: none !important; }

just above this line:

]]></b:skin>

(instead of below <b:skin><!--[CDATA[/* in the previous method).

Then save it, view your blog and it's done!

---

***UPDATE (3/7/2010)***: It can also be done via this method. Navigate yourself through:

Dashboard > Design > Template Designer > Advanced > Add CSS
And then add this:

#navbar-iframe {display: none !important;}

Click "Apply to Blog" and you're done.

Credit: Comment by Bytexpert

P/S: Click here to view update on its individual post.

Tweet

Blogger in Draft - New Blogger Template Designer!

A new template designer has been released on Blogger Draft offering new templates and features enhancement to allow easier modification of blog templates.

To check out the Template Designer, go to:

Dashboard > Layout > Template Designer
You'll then be brought to a new screen to design your blog template where you can change almost everything conveniently.

At the top left, there are different categories of the blog where you can modify.


Then at the Templates section, a selection of ready-made templates will be available.


Navigate along the templates and pick the one you like.

Also, choose the colour of the background if applicable.


Change the layout of the blog - 2 columns or 3 columns - your choice!


And width of blog and sidebar as well.


Lastly, change font style, size and colour on the advance section.


Here's the video of the new Blogger Template Designer:


Just like what was mentioned, it's time to pick a professional design for you blog!

Time to express yourself! Have fun!

For more info visit the Blogger Template Designer entry on the Blogger in Draft Blog.

Tweet