Translate

Monday

How to: Setup a Decorative Blog Background

Here are some step-by-step instructions to help you navigate your way to installing one of my decorative blog backgrounds to your blog. The process is fairly simple and the best part is once done, you can easily change your background whenever you like. 

All of my blog themes are now meant to be used with a modified version of the "Picture Window" template so if you don't have that installed or need help tweaking it you can follow along with this tutorial first: How to: Setup & Adjust the "Picture Window" Template.

Before we begin~
Within each of my designer blog themes and backgrounds are boxes filled with code...

This code is what we use to install a decorative background onto our blogs.  To begin you will need to select a background you want to uses. You can peruse my library of blog themes and backgrounds by visiting this link: http://plumroselane-bckgrnds.blogspot.com/p/backgrounds-themes.html

Once you've selected a background you will need to copy the code and paste it into a temporary location ~ I like using a text document, such as "Notepad" (Windows users) since it's an easy place to temporarily store a snippet of code or text.

What's behind this? This code is used in a sidebar gadget to tell your blog to load a background image and where to draw that image from.  The image itself is stored on a designated location on the internet.  

So let's begin...

Begin by logging into your blog, then click the "Design" link in the top right corner of your blog...


Next click on the "Layout" link in the left side link area...

In this next screen we can see a type of skeletal version of your blog layout with rectangular boxes representing different aspects of your blog...

I find it easier to store my decorative background code at the bottom of my blog so that it's out of the way and I don't get it confused with others,  so let's scroll down to the bottom and click on the "Add a Gadget" link...

  A pop-up window will appear with all the various gadget choices Blogger offers...

We will be using the "Html/Java Script gadget so scroll down to that and select to add it, either by clicking on the title or on the blue + button...

 In the next window we see a large empty rectangle under the title "Content"....

This is where we will paste in the background code we have saved from earlier.  The code may look slightly different that what's show below, depending upon which of my codes you're using, but go ahead and paste the entire code into the box...

Once you have your code in place you can click the "Save" button...

That's it!  You can now check your new blog background by clicking on the "View Blog" button at the top...

 ♫Ta-da!♪

You now possess the knowledge to change your blog background whenever the mood (or season) strikes you ~ Congratulations!

Enjoy~

21 comments:

  1. Wow, this is the best instructions yet. I have tried many other blog backgrounds. You explain it so simply and for me that is wonderful. I had no problems. Thank you will be purchasing the header portion soon.

    ReplyDelete
  2. This was the easiest tutorial I have seen! Thank you!

    ReplyDelete
  3. Finally - a tutorial that I could understand, follow and be successful at! Thank you so much!

    ReplyDelete
  4. Olá .Mesmo com este tutorial,não estou conseguindo aplicar o motivo ao meu blog,será que estou fazendo alguma coisa errada?Desde já agradeço.

    ReplyDelete
    Replies
    1. Hi Cinara,
      Thanks for your comment ~ I am not sure what you are trying to accomplish. Do you know anyone who speaks English who could help you translate my tutorials? If not, then try using the tranlate button at the top of the page.
      Best wishes,

      Translation thru Google Translate:

      Oi Cinara,
      Obrigado pelo seu comentário ~ Eu não sei o que você está tentando realizar. Você conhece alguém que fala Inglês, que poderia ajudá-lo a traduzir meus tutoriais? Se não, então tente usar o botão traduza no topo da página.
      muitas felicidades,

      ♥Sharon

      Delete
  5. Please help! As per your instructions, I tried to instal the new template (the other one is gone), but it didn't work, the page is black. Can you help? Trying to use the Providence template.
    Thanks so much, Carol

    ReplyDelete
    Replies
    1. Hi Carol, It looks like you got it to work ~ that's great! You'll want to follow along with this tutorial to fine-tune the Picture Window theme though: How to Modify the Picture Window Template
      Best~
      ♥Sharon

      Delete
  6. I love your backgrounds !!! love love it thank you to help us to make our blogs beautiful!!

    ReplyDelete
  7. Thank you so much for the awesome instructions! It was very easy and understandable. Thanks!

    ReplyDelete
  8. Thanks for the comments Gigi and Mollie ~ so happy they helped!
    ♥Sharon

    ReplyDelete
  9. This is the easiest tutorial I have ever taken. Thanks,
    Desafio

    ReplyDelete
  10. very awesome tutorial thankyou for empowering me !

    ReplyDelete
    Replies
    1. Oh super Teresa ~ nothing better in my book than empowering others!
      ♥Sharon

      Delete
  11. Easy to undersand!!! Love this bloggg

    ReplyDelete
  12. any chance these can be used on wordpress ?

    ReplyDelete
    Replies
    1. Sorry Glitterrain ~ unfortunately WordPress is entirely different.
      Sharon

      Delete
  13. Thank you so much for your understandable instructions! Love all your beautiful backgrounds.
    Much gratitude,
    la-reverie

    ReplyDelete
  14. Have just spent Sunday afternoon installing a background and header onto my new blog using your lovely clear instructiuons. Being a complete dumbo when it comes to HTML code and gizmo's I found the whole experience to be quite stress free thanks to your brilliant step by step explanations. Thanks a million.
    Hugs Mrs A.

    ReplyDelete
  15. OMG, how awesome! it takes only minutes to work it out! thanks alot for easy tutorial. Thanks heartly. Love them all, love your blog!

    ReplyDelete
  16. EXCELENTE LO VOY A INTENTAR. POR SI O POR NO SUPER GRACIASSSSSSSSSSSSS UN BESO

    ReplyDelete
  17. thanks for your information and instruction..very easy and understandable..

    ReplyDelete

Due to a recent increase in SPAM comments preauthorization is temporarily set for all comments ~ once the situation improves I will remove that function.

I love your comments and appreciate your opinions so much ~ I hope you enjoyed your visit and come back often.
♥Sharon

Note: Only a member of this blog may post a comment.