Click here to go Home

This is my 100% OFF SALE, that's right, you pay NOTHING. Everything here is FREE! No Sample, No Trial, It's FREE!
How do I Cut Copy and Paste? Click Here              Watch the Preview for Cut|Copy|Paste


Welcome To Cut Copy Paste, a step by step guide to totally customize Blogs. Whether you're wanting to build a website or just a really cool blog, I can show you some easy ways to get started.

Feel free to leave suggestions or comments to help make this site better in the Shout Box below.

Adding Playlist Lesson:

Created By:
Web Designs
Oklahoma City, Ok.

Serving the State of Oklahoma and beyond. P.W.D. is dedicated to helping small businesses get their products & services on the Internet. We can custom build a website that caters to your needs and the needs of your customers.

We understand the complexities of Internet Coding and work out all the red tape, so that when you or your customers are ready, you can enjoy all the benefits of having your very own Website.

We Build:

Order Forms
Employee Applications
Photo Galleries
Video Productions

Click Here to Learn More!

Amanda's Magazine

Powered by Blogger


Opera Web Browser

Monday, June 06, 2005

Lesson 6: Using Images As A Background

Angelfire's Background Library

Angelfire has an excellent gallery of background tiles that -to me- are suitable for most tastes. Scan through the gallery and find a background that you like. Right-click on that particular image and select 'save picture as.' Go to your Flickr account and upload that image. When you finish saving, go back into 'yours' (at the top of Flickr's page) and select the new image you have uploaded. On the right side of the page is an option called 'different sizes,' select this and it should take you to a page where you can see the "URL." Highlight the address by left clicking and dragging a edit field over the whole URL. Right-click and select 'copy'. Now that you have the code in your copy feature, go back to your blogger template. In the HTML code there is a line like this:

Change the code if you have to, sometimes instead of saying 'background' in the script it will say 'bgcolor' with a series of numbers an a pound sign. In either event, change the contents of the parenthesis to the URL from Flickr and be sure that it says 'background' and not 'bgcolor'. An easy way to replace that which is in the parenthesis is to highlight the old address, right-click and select 'paste,' this will automatically erase the old text. Preview what your new background looks like and if you like it, save it.

Note: make sure the code is exact, one flaw could cause the whole page not to work correctly...


Blogger Carson Day said...

Consider yourself blogrolled. Your site rocks, so you are joining my "sidebar team." If only more useful sites like this one dotted the web.

Keep up the good work.

Jun 10, 2005, 9:46:00 PM  
Blogger PATCAM2005 said...

Thank you, I was starting to wonder if anybody ever read this stuff.

You have convinced me to keep posting...

Jun 11, 2005, 7:55:00 AM  
Blogger Mircea said...

What if I have something like below, where the background is definded as a variable? How can I replace a colour with a picture?

Dec 17, 2006, 2:21:00 AM  
Blogger Mircea said...

Sorry,I was trying to paste the whole html code of my page...

Dec 17, 2006, 2:22:00 AM  
Blogger PATCAM2005 said...

In the code where it says body bgcolor= change it to body background=

You must enter the URL of the picture you are trying to make as the background.

Hope this helps. Write back and let me know!

Dec 17, 2006, 11:37:00 AM  
Blogger Suet May said...

Hi, am having trouble changing the background. I've done everything u said but the background still turns out white instead of the pic that i want. How now?

Apr 6, 2007, 11:19:00 PM  
Blogger PATCAM2005 said...

Sorry to take so long to reply, here is the answer -I hope- to your question:

In the beginning of your templates script, you should find text that looks like this

body {

Remove the part background:#000; and then scroll down till you find the body tag just below the closing "head" tag. Inside the body tag itself add the code background="url" and insert the proper address from your photo host.

Be sure to see Lesson 8, it has a guide to show you how to make the background stay still and the contents of your page scroll over it, it looks cool.

Let me know if it gives you trouble, and thanks for visiting :)~


May 8, 2007, 2:04:00 AM  

Post a Comment

Comments are always welcome, please have respect when addressing other's.

<< Home

CCP - Networked Blogs on Facebook

* Website Construction or Building Websites Since 1998 in The Great State of Oklahoma
** Cut Copy Paste "Unblogged" is an archive of all the lessons from this blog and an example webpage.