High Quality
Open the downloaded document, and select print from the file menu (PDF reader required).
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
The Cheat's Guide To Customizing Blogger Templates
Info and Rating
Sections
« prev | next »- Introduction
- Using this guide
- What you can learn from this e-book
- Before you begin!
- Making a new header for your blog
- Finding the width of the header
- Making your header image
- Adding your header image to your blog
- Header Image Generators
- Using a background image
- Choose your background image
- Upload your image to the web
- Adding the background to your template code
- Highlighting the main section
- Creating the custom header
- Upload your image to Blogger
- Aligning the header banner
- Remove the borders
- Uploading your background image to the web
- Adding the background code to your template
- Tweaking the stretch template
- Background Generators
- Adding a background color to the sidebar
- Adding background to the sidebar headings
- Making buttons with CSS
- Give your links some class!
- Add the class style to your template
- Adding a mouseover effect
- Clickable buttons and banners
- Creating the code to display the image
- Making the image become a link
- Giving the image a simple mouseover effect
Add a Comment
This document has made it onto the Rising list!
rphlx7left a comment
mohammad reza ardian abdillah replied:
mohammad reza ardian abdillah replied:
aj4891left a comment
acgincleft a comment