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
Leave a Comment