Adding Your Background to Blogger

[ Close ]You are using Internet Explorer 6. Please upgrade your browser to increase safety and your browsing experience. Choose one of the following links to download a modern browser: Firefox Safari Opera Internet Explorer
Friday, 01 May 2009 Contact UsSIStv HomeHomeUsing The ClassroomFAQHow To EnrollTeachersStudentsWelcome!Join The GroupBlogger1. Intro & Set up.2. Templates2a Template Issues3. Blogger: Backgrounds4. Adding the backround5. Making a banner6. Uploading the banner7. Fancy Titles8. The magic buttonNEW: Note From Wilna9. The pixelstick10. Fonts and Colors11. Adding social networks.12. Adding MUSIC.TypepadIntroductionDownloadsSetupDesign TabPhoto AlbumsTypelistsPostingHTMLBannersCustom PreMadeSidebar pt1Sidebar pt2PagesNavigation BarBackgroundsFaviconWordpressDownloadsSetupSettingsHTMLBannersCustom PreMadePostingWordpress: Widgets
Bling Out Your Blog 2.0

with Wilna Furstenberg and Kayla Aimee Terrell

4. Blogger: Adding the Background to your blog.
This video is just this part: HOW to add the background to the HTLM code.
Password: blogger09.




Adding the blogger background from Wilna Furstenberg on Vimeo.



How to add the background papers in the HMTL code:





1. To upload your newly made background papers, you need a HOST. The very best host is a private blog. So create a new blog. Name it whatever you want.





2. Under settings, make it private by clicking Permissions > Blog authors only.



3. Now Click on NEW POST. Upload the new blog background as an image to the new post. Click center and large.



4. Now, click PUBLISH POST and view the blog. IMPORTANT: Click on the image and it will open big in a new window.



5. Right click the new image and select PROPERTIES. Click properties and this little window will open. Select the LOCATION portion that will start with http://. Select it and copy it by control/command C.



Now, on the blog you want to add the background to, click LAYOUT> EDIT HTML



Look for this piece of code... and select only the http :/wilna71.googlepages.com/bacound.jpg/background-full.jpg part, then click PASTE and the address you copied from your new image will replace the old address. Now you can preview your new blog and once you are happy, click SAVE TEMPLATE. Viola! Your new background is added.



IF YOU ARE NOT USING MY HTML TEMPLATES:

My backgrounds will not fit your blog, but you can still upload an image. This where to add the code: (and here it the code in text file.)



Leave me a comment if you are HAPPY and if you need HELP...The only condition for me to HELP is that you SHOULD HAVE watched ALL the videos and read all the instructions!








Show us your blog:
Visit Bling Out Your Blog 2.0 Students
Comments (10) 10 Wednesday, 29 April 2009 23:14 Julie Weis
it took me awhile. but i DID IT and i LOVE it!!! thank you so much for your instructions and your AWESOME templates,wilna!!!
xoxo
julie
Comments (1) 9 Wednesday, 29 April 2009 15:35 Sarah Cochran
I sent you an email Wilna!
Reply 8 Wednesday, 29 April 2009 13:18 Lexi Bridges
This is probably a lame question or one I shouldn't even ask, but is changing your entire blog background to white once I have already installed your 2 column template easy? Do I just do that in photoshop?? And are you going to show how to create and implement our own headers? I have a picture I would LOVE to use as one! One more thing, this is probably routine for most people, but will we learn how to add blinkies? :) THANKS! Enjoying it all so far, even though I am sometimes still a bit overwhelmed! It's a whole new world to me!!
Comments (1) 7 Wednesday, 29 April 2009 11:19 Steph Baxter
Hi Wilna, loving the class so far! I have two questions. Firstly, are we going to be able to have access to all the lessons you've been teaching us after the class has finished? I'm just so busy, I don't have time to do everything now!! Secondly, if we want to use parts of a digital kit to make a background for our blog, do we have to contact the manufacturer and ask to permission?
Comments (1) 6 Wednesday, 29 April 2009 09:45 Sarah Cochran
I followed all the instructions on the video and read thru all the instructions and they all worked. But the background on my blog is WAY too big. First I added the one you made Wilna and I could just barely see the inside edges of the green paper and the trees. Then I replaced the one you made w/ my photo collage and you can only see the inside edges of the photos. My blog is here: www.blessdamonsheart.com so you can see what I mean.
Are you sick of all my problems yet?
Comments (1) 5 Wednesday, 29 April 2009 05:24 Toni Laws
WOO-HOO! I did it! Thanks Wilna, I will be happily designing backgrounds now!
Reply 4 Tuesday, 28 April 2009 21:37 student
I added my background to the blog but for some reason the background does not go all the way down to the bottom of the screen. is there a way to fix it?
http://cratins.blogspot.com/

(I am fixing my header, lost my widgets...I will replace them later.) Or is that the way the background is supposed to be? Just wondering.

BTW: If I want to create my own header template in Photoshop what should the dimensions be? thanks ;) Sesil
Comments (1) 3 Tuesday, 28 April 2009 21:27 Carolyn Ward
Hey - I'm reading all the lessons, but am swamped with "real" homework this week, so won't get a chance to really play till later. It all looks great, Wilna, and I'm looking forward to messing around with it!
Reply 2 Tuesday, 28 April 2009 18:14 student
I'm still using my old standard template, but I'm trying to add a background. I can't find an background image code to replace. This is what my body/background codes are:

/* Use this with templates/template-twocol.html */

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;

I've done all the other steps thus far, but I can't figure out exactly where to post the code of my background. Or do I need to upload one of yesterday's templates first? Help please!

Thanks!!
Comments (1) 1 Tuesday, 28 April 2009 14:01 student
great idea about making a new blog to host your newly designed backgrounds.
Reply
Add your comment
Comment:
PostPreview
yvComment v.1.20.0This classroom is provided by Scrap In Style TV, LLC