Add the following CSS to Template -> Layout -> Advanced -> Add CSS
#PageList1 ul {
background-image: url(<url_to_image>);
}
Where <url_to_image> is the URL to the image you wish to use.
P.S! Are you looking to improve your blog? I recommend you check out Bloggers Boot Camp
and Google Blogger For Dummies. Of course, you can also browse the bookstore for other inspiration!
cant get this to work!?
ReplyDeleteWhat issues do you have? Be careful with your spellings, and check that your image url is valid. If you're getting any CSS type errors, feel free to post them here.
ReplyDeleteme too, I cant make it work?!
ReplyDeleteThat's odd - things must have changed since I last looked at this. I'll check it out and update this post as soon as I can.
Deleteit worked for me, I had to adjust the height of my image to get it to show:
ReplyDelete#PageList1 ul {
background-image: url();
height:172px;
}
but now the actual page sits above the banner... not sure why.
Thank you so much for the tip! I spent hours trying to find a solution and, boom. Problem solved in 1 minute thanks to you! :)
ReplyDelete