May 9, 2012

Instructions for uploading the background image part 1

With new blogger templates it's much better to uploaded backgrounds, instead of using the background codes in gadgets. I know, this might sound surprising, because I made so long long backgrounds to use with codes. I'm going to add the new backgrounds the way, that you can copy and save to image straight onto your computer, but meanwhile and with the older backgrounds this is what you can do:

You can find the the instructions to upload the background to your blog, instead of adding background code with gadget, by clicking "read more". You can make this change and still use the same background you have chosen. This needs only a little bit effort, but the result is worthy.




1. First step might sound odd, because you need to add the code of your chosen background to the gadget. After done that right click > View Background Image > Save Image As... (you need to remember this location later). Then remove the background gadget.


2. Go to Design > Customize >

3. Choose the template (I have used Simple and this instruction works best with that).

4. Click Background (on the left) >  click Background Image > Upload image (Browse the image you saved onto your computer). Push Done.


5.  Set the Alignment up middle and uncheck the Scroll with page.



6. Adjust the Entire width (with my 3 column backgrounds 1000 px, with my 2 column backgrounds 800 px). Apply to Blog. Sidebar wights you can check later depending the next step.



7. Choose the layout. I have chosen the 2 column layout, even thought the background is for 3 column. I like the wider center. But you can surely choose any layout you like. Apply to Blog. And then go back to step 6. and adjust the wight(s) of the sidebar(s). Remember always Apply to Blog.


***

So far so good. You find the next step here.


39 comments :

  1. Hi Itkupilli. Why is it better to do it this way than to continue using the code-in-gadget method?

    ReplyDelete
  2. The backgrounds with the code-in-gadget work fine, but for example, when I viewed my blogs with iPad, the background was just a tiny thingy in the middle. This way the backgrounds look fine with any device. And I think, not sure about this, the uploaded backgrounds just function better.

    ReplyDelete
  3. Oh I see - how strange. (The tiny thingy in the middle.) I just thought it was better using the code as I imagined that the page would load faster that way, and also because you were able to exceed Blogger's kB limits when you personally hosted the background images in Picasa. But if it looks weird in some devices, then that's not good... However, I do believe that some of your old backgrounds may be too big (too many kB) for Blogger's upload limits...? (Unless they've expanded the limits recently.)

    ReplyDelete
  4. The Blogger has expanded the limits, that's why I think you are able to use all of them. I have tried just couple of them, but they have all worked just fine. I think the pages load faster now, with uploaded backgrounds.

    ReplyDelete
  5. they have all worked just fine. I think the pages load faster now, with uploaded backgrounds.
    best search background software

    ReplyDelete
    Replies
    1. thuthu : your instructions help me for my project. thanks

      Delete
  6. I feel really stupid, but in Step 1, I can't see anywhere to right click "View Background Image." Where do I do that? Thanks!

    ReplyDelete
  7. Ok, I figured out how to save the image, but when I tried to upload it, it told me that the image was too large. (I'm trying to upload the 3 column notes and flowers background.)

    ReplyDelete
    Replies
    1. Please tell me how you saved the image. I cannot figure it out. Thanks!

      Delete
  8. Ok, I figured out how to save the image, but when I tried to upload it, it told me that the image was too large. (I'm trying to upload the 3 column notes and flowers background.)

    ReplyDelete
  9. Pam, I try to check that background asap, today I´m not at my computer, but tomorrow I will be. :)

    ReplyDelete
  10. Itkupilli, I tried to upload my original background the new way, and used the Simple template. However, it looks strange. The background does not fit the Simple template. I tried many, many times, but it still looked strange.

    So I returned to Minima template. It seems my background looks much better with Minima. It fits well.

    Anyway, the background still loads quite fast even though I use the code.

    This is my blog, by the way, if you want to have a look: www.annapatricio.blogspot.com

    ReplyDelete
  11. P.S. Oh, I think I should explain what I mean by the background looking strange with Simple template: the text and columns were not aligned well. Even the Page tabs were not properly aligned. Everything looked very messy. And when I tried to adjust, the text became either too small or too big. The columns also looked squashed.

    With Minima, everything looks very neat and organised. I think my background should be used only with Minima.

    ReplyDelete
  12. P.P.S. Sorry for posting so many messages - it's late and I should go to bed soon.


    I also thought maybe I can upload my background with the Minima template. But when I went to the Template Designer, I saw I can't do this with Minima. So I can only use code here.

    But I have no problem with my blog loading, it seems to work fine.

    ReplyDelete
  13. I am searching on Google with same topic but i need it with screen shots because don't like to make a code and all and i got you here thanks for sharing..

    Magento Plugins

    ReplyDelete
  14. Hiya, I was wondering if you could tell me - I'd like to remove one of the backgrounds in order to replace it with another - how can I do this?

    ReplyDelete
  15. Jag tyckte den här bloggen på mitt första besök på din webbplats. Det var fantastiskt. Jag blev lärt mig mycket kunskap från detta. Tack för att dela.

    ReplyDelete
  16. Help me please. I too see my background image as a tiny pic in the middle of the blog. The blog design use to be perfect. I don't know why it has changed. When I go in to change design (background, text,width etc.) and click "backgrounds" it shows an image I did not choose even though I have added the correct image to gadgets (and previously it showed as I wanted) After adding code to gadgets where do I right click to save? If it is the design window I am out of luck because it doesn't show the correct image. Is there another way to save the background image? I love, love, love! your designs & have some on other blogs. I haven't checked them yet but am guessing I will have the same problems with them. Hopefully this link helps explain-- http://www.blogger.com/template-editor.g?blogID=3722341504559014404 Thanks!!!

    ReplyDelete
  17. Hello ... I'm new to Blogger and still trying to figure out now to revert back to this "Minima" layout. I have read and read the instructions but for some reason it's not accepting the code.. or it me.. the user..LoL! Also, I just adore "Boho Chic for 3 Column Minima" one of your older designs but can't seem to find all the componants re/the "header" and the download for the main background. Please advise!

    ReplyDelete
  18. Very good evening. Is extremely good article. All this seems great sell d3 gold



    Diablo 3 gold

    ReplyDelete
  19. I have to say your article inspires me to the most, it is so instructive to tell others how to understand that in such a special view.I will share your articles with my friends, i think they will like them just like me. What's more, can you update them more frequently? I am a fan of online games. buy rs gold , runescape gold

    ReplyDelete
  20. As Christmas is approaching, people are crazy about cheap swtor credits since lots of online credits suppliers are cutting price to celebrate this big holiday. But except for low price, you should take account safety into consideration. Then where should players go for swtor credits
    Come on! There may be world ending in 2012 as mentioned in mayan prophecy. Hurry to seize the rest of the year and enjoy yourself in swtor playing. Need swtor credits, just buy swtor creditsonline.
    By keep a close eye on the market changes, swtor2credits always provide you cheap swtor credits. Furthermore, at the end of 2012, we have all swtor credits for sale with 20% off as a reward for customer’s long term support

    ReplyDelete
  21. Come on! Christmas is just around the corner, as a thanks and reward for subscribers support, diablohome give out free $1 and $5 voucher for all newsletter subscribers and you can use it when?buy gold cheap diablo?or any products on our site. Hurry to see more details!


    What can I get from Diablohome Newsletter?
    1.Free $1 and $5 vouchers.
    2. Free Diablo 3 guide and latest update information of the game.
    3. Latest promotions on Diablohome site.
    More tags :Diablo 3 gold buy diablo 3 gold D3 gold

    ReplyDelete
  22. With patch 1.0.7 coming soon, the price of cheap diablo 3 gold will definitely rise. Players are currently hurry to accumulate cheap diablo 3 gold. Now, a good news for all diablo iii players: Diablohome Free 100000K D3 Gold Giveaway for Newsletter Subscribers begins. Hurry to snap free diablo 3 gold.
    More tags : D3 Gold Diablo 3 Gold buy Diablo 3 Gold

    ReplyDelete
  23. From now on, you can like Diablocheap facebook page to join our 300000K free Diablo 3 gold giveaway promotion! Both
    new and old fans can get the chance to get 2000K free d3 gold respectively when we get 5000 likes on our facebook page!
    tags:buy diablo gold ,
    buying diablo gold ,
    D3 gold ,
    d3 gold for sale ,
    diablo 3 gold for sale

    The Diablocheap Team

    ReplyDelete
  24. From now on, you can like Diablocheap facebook page to join our 300000K free Diablo 3 gold giveaway promotion! Both
    new and old fans can get the chance to get 2000K free d3 gold respectively when we get 5000 likes on our facebook page!
    tags:buy diablo gold ,
    buying diablo gold ,
    D3 gold ,
    d3 gold for sale ,
    diablo 3 gold for sale

    The Diablocheap Team

    ReplyDelete
  25. i keep trying to add Celestial Children, but blogger keeps saying File Too Big...help!

    ReplyDelete
  26. Would you write to please D3 Gold just yourself? Or others? Or yourself by writing for others Cheap D3 Gold? It takes strength to do what must be done when the work is unpleasant and uncomfortable D3 Gold Sale, And of what would you write: Of love? Hate? Fun? Misery? Life? Death?Nothing Everything?

    ReplyDelete
  27. c9 moneyexperience is a hard teacher because she gives the test first, the lesson afterwards, c9 gold the consequences of today are determined by the actions of the past. To change your future, alter your decisions today c9 online gold.

    ReplyDelete
  28. Well done girls, I've runescape gold often wondered where all rs gold this newfangled blogging would get you buy runescape gold and there you Aion Kinah Kaufen are, large as wow gold life (well larger than postage stamp size anyway) on the front page of The Times. Congratulations on being cheap runescape gold their best blog for family cooking.

    He was
    hurt in the first GW2 Gold quarter of Tuesdays win over thee
    Philadelphia 76ers.

    ReplyDelete
  29. What a beautiful dragonfly and what wonderful post!!I am a china tour lover,You can learn more: China tour operator | China tour packages | China city travel

    ReplyDelete
  30. So great! How beautiful it is!~I am really buy cheap android phones attacted by it!~~So let's go to learn it together~

    ReplyDelete
  31. Of course always remains favorable ..Please android phones cheap meet in happier times

    ReplyDelete
  32. mbt outlet,mbt outlet uk,mbt outlet store,mbt shoes.


    all star converse,all star converse prezzi,scarpe converse all star



    converses all star,converse all star sale,converse all star uk,white converse all stars



    converse femme,converse femme pas cher,botte converse femme,converse online



    puma chaussure -70% off,Avec la bonne qualité, vous pouvez acheter puma pas cher, livraison rapide!

    ReplyDelete
  33. The Blogger has expanded the limits,best cheap android phone that's why I think you are able to use all of them. I have tried just couple of them, but they have all worked just fine.best cheap android phones I think the pages load faster now, with uploaded backgrounds.

    ReplyDelete
  34. Maybe God wants Diablo III Gold us to meet a few wrong people before Diablo 3 Gold meeting the right one, so that when we finally diablo 3 Gold meet the person, we will know how to be grateful.

    ReplyDelete
  35. To live in diablo 3 items a world without you is more painful diablo 3 power leveling than any punishment. Do you know that no one can replace diablo 3 power leveling you in my heart?

    ReplyDelete