Welcome to Scribd, the world's digital library. Read, publish, and share books and documents. See more
P. 1
The Cheat's Guide To Customizing Blogger Templates

The Cheat's Guide To Customizing Blogger Templates

Ratings:

4.33

(3)
|Views: 3,578|Likes:
The Cheat's Guide to Customizing Blogger Templates eBook is licensed under a http://creativecommons.org/licenses/by-nc-nd/3.0/ License.

This means that you are free to redistribute this eBook for non-commercial purposes, without modification, so long as you include a link to the original author.
The Cheat's Guide to Customizing Blogger Templates eBook is licensed under a http://creativecommons.org/licenses/by-nc-nd/3.0/ License.

This means that you are free to redistribute this eBook for non-commercial purposes, without modification, so long as you include a link to the original author.

More info:

Published by: mohammad reza ardian abdillah on May 19, 2009
Copyright:Attribution Non-commercial No-derivs

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

05/11/2014

pdf

text

original

 
BLOGGER BUSTER
Helping you build a better blog
Blogger TemplateDesign Series
Volume
1
 
 
BLOGGER BUSTER PRESENTS
A Cheats’ Guide to CustomizingBlogger Templates
Blogger Busterwww.bloggerbuster.comEmail: Amanda@bloggerbuster.com
 
 
Table of Contents
Introduction 3
 
Using this guide 4
 
What you can learn from this e-book 4
 
Before you begin! 5
 
Chapter 1: CustomizingFixed Width Templates 7
 
Making a new header for your blog 7
 
Finding the width of the header 7
 
Making your header image 8
 
Adding your header image to your blog 9
 
Header Image Generators 10
 
Using a background image 11
 
Choose your background image 11
 
Upload your image to the web 11
 
Adding the background to your template code 12
 
Highlighting the main section 13
 
Final tweaks to the fixed widthtemplate 15
 
Chapter 2: Customizingstretch templates 17
 
Creating a custom header for stretchtemplates 17
 
The best way to use a custom header for a stretchtemplate… 17
 
Creating the custom header 18
 
Upload your image to Blogger 19
 
Blend the banner with the background of theheader 19
 
Aligning the header banner 22
 
Remove the borders 23
 
Changing the background of stretchtemplates 23
 
Finding a good background image for a stretchtemplate 24
 
Uploading your background image to the web 24
 
Adding the background code to your template 25
 
Tweaking the stretch template 26
 
Background Generators 27
 
Chapter 3: Customizing thesidebar 29
 
Adding a background color to the sidebar 29
 
Adding background to the sidebar headings 31
 
Adding a border to the sidebar headings (or a linebeneath) 33
 
Chapter 4: Buttons, Bannersand Images 36
 
Making buttons with CSS 36
 
Give your links some class! 36
 
Add the class style to your template 37
 
Adding a mouseover effect 38
 
Clickable buttons and banners 39
 
Creating the code to display the image 39
 
Making the image become a link 40
 
Giving the image a simple mouseover effect 41
 

Activity (24)

You've already reviewed this. Edit your review.
1 thousand reads
1 hundred reads
nishantvpatel liked this
Amy Sas liked this
hbsqn liked this
Omar Hefny liked this
piash2004 liked this

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->