Create a CSS Background...?

Question

Could anyone please provide me a simple step-by-step tutorial on how to use my own image as the background on my Blogger? It seems so complicated, and I'm not good with computers.

Thanks!

Answer 1

What your are looking for is CSS styling of the tag. There are plenty of tutorials and sources regarding your request. http://www.htmldog.com/guides/cssintermediate/backgroundimages/

Answer 2

Take a photo of yourself. (Though it should go without saying, I'm saying, high quality digital camera, 300px per inch, well lit, on the bright side, etc.)

Load the pic into Photoshop. You should have, there, an image of a LARGE size, que no? Like, say, 1200px by 800px? Or make yours that size! By careful cropping and resizing!

Get your picture online at some address where it has a URL. (Blogger has no place to store it, so you'll have to put it on your own, or a friend's, website! Find out the URL, like say, http://www.domainname.com/myimage.jpg

OOOOoo now here's the tricky part. Logon to your blogger and customize and Edit HTML and click Expand Widget Templates and...where you find the CSS statement
body {
[whatever]
...}
add this, next to the [whatever] ...or on a separate line:
background: #fff url("http://www.mydomain.com /myimage.jpg") no-repeat fixed center center;

...where mydomain.com and myimage.jpg identify the location of your pic...I inserted a space so you could see it

Then click Preview to make sure it works...
If it doesn't, click Clear Edits.
If it does, and you like the result, click Save Template

Answer 3

own residing house page is used to supply dynamic internet pages. own residing house page code is embedded into the HTML source rfile and interpreted by ability of a internet server with a own residing house page processor module, which generates the internet internet site rfile, it somewhat is quite nicely worth getting to grasp yet no longer somewhat the main suitable thank you to sparkling up your contemporary difficulty. What you're in seek of for is the XHTML like the span and div tags are very functional whilst coping with Cascading sort Sheets. human beings tend to apply the two tags in addition, yet they serve diverse purposes. div The div tag defines logical divisions (defined) on your internet internet site. It acts lots like a paragraph tag, whether it divides the internet site up into larger sections. It additionally promises the possibility to define the form of entire sections of HTML. you may desire to define a factor of your internet site as a decision out and supply that section a diverse sort from the encompassing text textile. span The span tag has very comparable residences to the div tag, in that it variations the form of the text textile it encloses. yet devoid of any sort attributes, the span tag won't substitute the enclosed products in any respect.