Pages

Wednesday, 10 October 2012

How to change your blogger background successfully

Salam and greet to all,

Different from my normal post, I'd love to share my experience on blogging this time.
I've downloaded cute blog background from Shabbyblog recently and did exactly as what was mentioned, however I found out that the change was a bit funny. The background didn't cover all my blog but showed two different pattern instead.

 
So I decided to look at the html code with the hope that I could do something to fix up the problem. Guess what.. my discovery thrilled me because I managed to fix it up successfully. Wasn't that awesome to have a novice like me were able to do it correctly, I should give myself credit :)
 
Here are the steps
  • Log in to your blog
  • Go to Template, then click "Edit HTML"
  • Click Proceed
  • Under *Variable definition, find  <Variable name="body.background.color"description="Outer Background"

  • Please note that the words in bold are the ones that change
    <Variable name="body.background.color" description="Outer Background" type="color" default="#66bbdd" value="#b8972e"/>
    Change to;

    <Variable name="body.background.color" description="Outer Background" type="color" default="transparent" value="transparent"/>
 
Save and we are done.
 
Yes, the background now covers all my blog.
 But later.......













 
I found out an easier way of doing it lol :)

The red arrow shows it all.
  • Go to Template->  Click Customise
  • At Blogger Template Designer, click Advanced-> Click Background-> select Transparent for Outer Background
  • Click Apply to Blog.
Done!  ;p

 
      
 
 
 

9 comments:

  1. Interested to start your own blog? I hope this post will help you a little bit. Let's blogging! hehe..

    ReplyDelete
  2. Already have one...tp more formal n incline to academic setting...:)






    ReplyDelete
    Replies
    1. Sdzz share with us the link then.. who knows it'd give benefits to Ummu and my kids too..

      Delete
  3. erm, for a really blog noob here, how can I change the background? where to paste the url? :(

    ReplyDelete
    Replies
    1. Salam Hidayah, a website that provide blog background like shabbyblogs.com normally gives instructions to install :)

      Here is the instruction I copied from http://shabbyblogs.com/?page_id=108 for your perusal;

      ____________________________________________________________
      Note: For best results, use with Blogger's Minima or Picture Window template.

      Copy the code from the box below
      Log into your Blogger account
      Click on the tab that says "Layout" or "Design"
      Click where it says "Add a Gadget"
      Now click on "HTML/JavaScript"
      Under "Content" paste the entire code from the box below
      Click "Save"
      Enjoy your ridiculously awesome new blog
      _______________________________________________________________

      Hope this will help you. :)

      Delete


  4. Someone wants to change background of their photo or cut out image. MasterLogix team make the best tool for transparent background & background remover in android app.

    ReplyDelete
  5. Very efficiently written information. It will be beneficial to anybody who utilizes it, including me. Keep up the good work. For sure i will check out more posts. This site seems to get a good amount of visitors. background eraser

    ReplyDelete
  6. Are you struggling with bubbled drywall tape? Look no further than our expert painting services! At [Friends Painting and Tapping], we excel in repairing bubbled drywall tape, ensuring a smooth and flawless surface. Our skilled painting contractors are dedicated to delivering top-quality results, whether it's a small repair or a complete room transformation. We take pride in our meticulous attention to detail and commitment to customer satisfaction. Let us handle your drywall and painting needs with precision and care. Contact [Friends Painting and Taping] today for a free quote and experience the difference of professional painting services!
    bubbled drywall tape
    painting services

    ReplyDelete