Family, Computers, and Creativity

Jan. 19, 2006

How To Change Your Blog's Main Background

Posted in Blog Building

In the past, I have dared to go in and play around with the sidebar (right side) contents. I have been getting tired of the crayon header and the solid light blue background color, so today I delved into learning how to make some changes. It will probably look a bit odd until I get all the changes finished. You too might like to do this, so I am going to explain how to change your background in this post.

 

How to change your main background:

The part that will be changed is the main background, not the text area background. I will give the text area background instructions in another entry. Go to your blog's control panel and select 'Edit Template' from the menu on the left. You will see a your blogs html code. Very near the begining of this code you will see a section that starts out with "body {". This is the section you will be working with to change your background.

 

Scan down the section starting with 'body' for the word 'background'. In my original template the word 'background' was followed by "-color:" and a code number for blue. You could change the color code to give your background a different color or you could use a jpeg of a texture that can be tiled.

 

To change to a new color:

You will need to know the hex number of the new color that you want to have. To find out you could go to http://www.december.com/html/spec/color.html. It gives samples of all the colors and the code numbers that correspond to them. Just jot down the code number you want and replace the original code with it. If you changed the color, skip the next paragraph.

 

To change to a tiled picture or texture:

You will need to select what jpeg you will want to tile in your background. To find some just do a websearch for 'textures' or pick out any jpeg from your hard drive or the net. Your page will load faster if you select a smaller picture. I looked for textures that were no larger than about 300X300 pixels. Upload your selected jpeg to your image host website. I like http://www.imageshack.us/ and http://www.flickr.com . Once you upload look for the url of the image. It will be the link starting with http. Copy that link using your mouse right click action. Now you will modify the html code in your template. remember that line I told you about that started with the word background. This is the line you will be changing. You will change it to:

background: url(paste the url you copied into these parentheses);

 

Now, select 'Preview' at the bottom of the window where your template editor is. It will open a new window where you can check to see that everything worked. Once you have examined it, you will go back to your template editor and either hit 'Save' to make your changes permanent or go back in and play around some more. If you feel that you have really messed up. Just close the Control Panel window without hitting save and your previous template will stay undisturbed.

 

Happy background changing. I will be playing around with mine as I design my new banner picture. The crayons have got to go. I will post how I made and changed my banner once I am done.

 

 


Post A Comment! Send to a Friend!

Comments

Jan. 19, 2006 - Untitled Comment

Posted by drewsfamilytx
That is EXACTLY what I've been meaning to do but never quite got around to finding out how! Thanks!!!
Permanent Link

Aug. 9, 2007 - Yippee!

Posted by timbuck2mom
This is so great! Thanks for the info. You have made it so simple. Simple is what I need. :) I'll be having fun messing around with my template.

You should definately be getting more notice for your easy tutorials. I wish I knew of a way to get your info out to more people.

Thanks again,
Elisabeth
Permanent Link

About Me

Hi, I am Tammy and I am homeshool mom to Gregory (20 - now graduated). Melody (18 - now graduated), Timothy (14) and Zachary (7). We all love computers and creativity so it is just natural that it would be a big part of our homeschooling.

Our Concept Maps on the Web


Moore Concept Maps Homepage

Family Photo Album


Each time you visit this page, different pictures from our online family photo album will show below. If you want to see more, just click on a picture to go to the full album.
www.flickr.com
armoorefam's photos More of armoorefam's photos

Electronic Notebook Examples


See a Slideshow

The Kids' Learning Journals


Gregory's Learning Journal
Melody's Learning Journal 2
Timothy's Learning Journal
Zachary's Learning Journal

In-Progress E-Notebooks


Pre-Algebra
Algebra

Completed E-Notebooks


Water Treatment Lab
Oceans Notebook
Density Notebook
National Chemsitry Week
Crayfish
Eye Dissection
Light
Biochemistry
Lessons Learned (gr4) Literature
Lessons Learned (gr5) Literature
Mostly Heroes, Literature
Curious Creatures
Will Clark, Boy Adventurer
Building Blocks of Art, grade 4
Building Blocks of Art, grade 5
Miscellaneous Art Pages
Native American Art
Native Peoples of the North
French and Indian War
Road to Revolution
Revolution
Tom Sawyer
American Art (1860s to now)
Rocks and Minerals

Useful PrintMaster Files


Make Interactive Flashcards
Traditional Flashcards (trading card size)

My Assynchronous VHSG Courses


Introduction to Notebooking Course
Online Student Product Binder
My E-Notebooking Yahoo Group
Rocks and Minerals E-Notebooking Course
Tom Sawyer E-Notebooking Course
Instructor-led E-Notebooking Class
K to 3rd Math Meeting

My Other Places on the Web


My Homeschool Lending Library Group
My Poor, Very Neglected Webpage

Melody's Places on the Web


Melody's Forum (Trinity)
Melody's Art Gallery
Melody's Current TRLE Gallery
Melody's Original TRLE Site (2004)

Timothy's Places on the Web


Tim's Art Gallery
Tim's most recent web/game mod project (in progress)
Tim's Forum
Tim's Hammer Tutorial

Categories


Family News
E-Notebooking - General
E-Notebooking - Art
E-Notebooking - Family Stories
E-Notebooking - History
E-Notebooking - Mathematics
E-Notebooking - Preschool
E-Notebooking - Science
E-Notebooking - Writing
Blog Building
Musings
Dieting Digest
Celiac
Watercolor and Pencil Portraiture
Free and Fantastic
Day of Delight (Sabbath Keeping)
Online Courses
Kto3rd Math Meeting 1st Grade

Links

Home
View my profile
Archives
Email Me
My Blog's RSS
Stephanie's Family E-Notebook
Denise's Family E-Notebook

Friends

TOSPUBLISHER
BelovedLamb
Testimony
julie
tn3jcarter
christinemiller
leebenvic
homeschoolruby
sparkshomeschoolmom
Kellyque777
eyecorn
ejoyce,ink
creativehsmom
SBadgley
DMalament
KarenW
MySmokyMtnHomeschool
wardssward
mommashepherd
DreweLlyn
takingthechallenge
MaxwellAcademy
horsefeathers
drewsfamilytx
lazearbeam
MaryBeth
corky

mycatranch
WingsAsEagles
kkprat
MsByn
edziadul
Galatians69

lullab14
eclecticchaos
a1health
TheNotebookingCorner
Aboycik
heythereheather
TMoore
Melkhi
Aligirl
mijubrifarms
Honeybee
kentuckyjourney
debzhaus
heartofwisdom
mamaduso
Pattycake
ZMoore
Lazycreek
sghulett
TC
msack
Sophie
sagerats
JennLovesJesus
sillyguys
mom2rebels
mistresninos
Phyllis
stanley
evergreen

WindyPrairie
homeschool3ks
Momwtrmn
kate3boys
robbinsnest

whirlwind
Wimommyoftwo
chickadee
ChathamMommy
MommyOAnna
JeninNB
Arkansas
skhuggs
Pickle
JeanaG
jaminacema
1Cor1031
TRINITYPREPSCHOOL
Witness7
3feistykids
Ethan
joyfulhomeschool
InHisName
tallenmomof5
mom24seas
StonyHillHomeSchool
knowjc4peace
ctd

hadleychick
Anerez
DStamm
ThriceBlessed

More Friends


Kathy's Blogspot
Kathy's HSN Blogspot
Ben's Blogspot
Brandon's Blogspot
Matthew's Blogspot
Zerina's Blog
Sarah's Blog
Entry 104 of 252
Last Page | Next Page
Site Meter