We started as a free blogspot blog 6 months ago,
Now we make $500 per month. Want to learn from our experience? read and subscribe!

Move all the Images on your blogger template to your own host!

By Jacky Supit • Sep 22nd, 2007 • Category: blogging tips - blogging tricks

For all of my blogger template, I use my accounts on GooglePages to host all the images needed. That is because I trust on Google reputation. They will never delete my images at least for a hundred years.

Unfortunately, an unexpected problem is coming! They have set a limit of the bandwith. It means, If a template have so many blogger use it on their blog, they will all use the same bandwith of my GooglePages account. and once my bandwith exceeded it’s limit, all the images will be unaccessible.

This affect to your blog look. All images on your template will be gone, and replaced by the background color.

To fix it, I recommend all of to you to use your own image host to host all the image. How to do that? here is the steps.

1. Go to your Blogger HTML Template Editor.

2. Find this line.

<link href=’http://images.jackbook.googlepages.com/summerfruit_style.css’ media=’screen’ rel=’stylesheet’ type=’text/css’/>

2.1. Then open that file http://images.jackbook.googlepages.com/summerfruit_style.css with your Internet Browser.

2.2. Copy all the content (It is a css style code)

2.3. paste inside your on your Template. <b:skin><![CDATA[ ]]></b:skin>

**You can paste the code right after <b:skin><![CDATA[

2.4 delete this line on your template

<link href=’http://images.jackbook.googlepages.com/summerfruit_style.css’ media=’screen’ rel=’stylesheet’ type=’text/css’/>

note:
- The bolded text means it may be vary. for some templates, it might be jackbook3.googlepages.com/style.css or jackbook2.googlepages.com/style.css

- This is your template style. that is as the same as all line inside the <b:skin><![CDATA[ ]]></b:skin>

So if you can’t find that line above, then you don’t need to do this step #2.

3. Now, find all the images line.

* if you use firefox, you can do CTRL+F and type googlepages

there you will find lines like this

background: #FFFFFF url(http://images.jackbook.googlepages.com/summerfruit_bg_footer.gif);

There, on the example above, http://images.jackbook.googlepages.com/summerfruit_bg_footer.gif is on of your image files you need to move to your own host.

You can use your own GooglePages account, or another Free Image Hosting Services Sites out there. there are many of them you can use. such as imageshack.us or etc. (Please tell us what you use on the comment below, under this post, so the other users can learn from you :thanks)

You can read the example of how to use Imageshack.us on the below section.

4. Save your template. refresh your blog and done.

Using ImagesHack.us

Now, here is the example of how to use Imageshack.us to host your images. Please pay an attention, it is imageshack dot us. not imageshack dot com.

1. Go to Imageshack.us

2. For example I will use http://images.jackbook.googlepages.com/summerfruit_bg_footer.gif

So on the ImagesHack.us site, you will see 3 options on the top right. it is

Upload - Images - Url - Video

Choose the Url (this is only in ImagesHack, they have a really good service on this)

then paste the old image url to the text box under it.

http://images.jackbook.googlepages.com/summerfruit_bg_footer.gif

then click Host It button on the bottom.

3. After click on the Host It button, ImagesHack will upload the images to their host, and redirect you to a new window of the new images links.

There on the new window, you will see Direct Link To Image next to the most bottom text box.

Copy the link, and for my example, i copy this link

http://img241.imageshack.us/img241/7793/summerfruitbgfootertf4.gif

and

4. Replace the old Image Url on your template with this new Image Url.

for my example it would be like this

Before :

background: #FFFFFF url(http://images.jackbook.googlepages.com/summerfruit_bg_footer.gif);

After :

background: #FFFFFF url(http://img241.imageshack.us/img241/7793/summerfruitbgfootertf4.gif);

Repeat to do that for all the Images Url inside your template.

end.

Update:

Thanks to Vai for reporting the download problem.

Now, I have uploaded all the images need for some templates. hope you can find your need on the list. I have separated each template images and style / css file on each zip file.

So here it is:
- Download Images of Magazine Red Template
- Download Images of iPhone template 1
- Download Images of iPhone template 2
- Download Images of BlogohBlog Template
- Download Images of FTW Blogger template
- Download Images of Red White web 2.0 Blogger Template
- Download Images of GLOW - Slined mod 2.0 template
- Download Images of Garland Blogger Template
- Download Images of Fresh blogger template
- Download Images of Fluid Solution template
- Download Images of Web 2.0 blogger template - dfxtheme
- Download Images of Mushblue Blogger Template 

new added:

- Download the Javascript. Here are 5 different versions of javascript files. choose your own version.

*oh sorry. i didn’t know that the files have already corrupted. now i have fixed it. please re-download the javascript if your previous download failed.

And again, I host all the recovery files on GooglePages. If this again exceed it’s bandwith limit, just login to googlepages useing this account:

user: jackbook.recovery@gmail.com
pass: abcd12345

after you are logged on, you will be able to download all of them.

92 Comments »

Comment by vai
2007-09-22 15:32:20

When i try to open instructions no 2.1 .browser shows these messages.
The bandwidth or page view limit for this site has been exceeded.
what do i do next..

Comment by Jack
2007-09-22 18:59:49

Oh really?
sorry I didn’t realize that. It is open well on me. could be because i am the owner :)
Ok, I will upload all the images again soon.
thanks

 
 
2007-09-24 01:39:27

[…] to Jackbook make my theme look great on Blogspot and keep my credit link. Make sure you read the Important Notes by Jackbook before to use it, especially for the template images. Take a look for the […]

 
Comment by MaFiAMaX
2007-09-26 05:35:12

Hi, summerfruit_style.css can not be reached because of the bandwidth limit. Could you upload somewhere? Al last, thanks so good templates.

Comment by Jack
2007-09-26 17:35:39

Mafiamax,
I uploaded the css bundled with the images. you can download the red-whiteweb2.0bloggertemplate.zip. it is the summerfruit template.

 
 
Comment by ificouldpaint
2007-09-26 05:38:52

Jackbook

There is a problem with the template when i upload it….. I have everything looking ok except the search bar. The square sits wrong in the template, slightly too low. also the following file is hosted on your googlepages but not in the images download that I uploaded to my host. src=’http://images.jackbook.googlepages.com/jackbookDOTCOM_changedate3.js’ I’m guessing its necessary so can you add it to the download package in recovery??

Comment by Jack
2007-09-26 17:22:18

sure. i have uploaded it now.
thanks

 
 
2007-09-29 20:46:14

[…] You can read how to move the images to your own host here. […]

 
Comment by lucky
2007-09-30 05:42:58

hi jack… thanku very much for this info.. i was really getting irritated bcos of the same problem.. anyway one more image hosting site tat worked for me is http://www.photobucket.com . and last but not least -’ u really make dead cool templates’ .. thumps up to u….

 
Comment by lucky
2007-10-01 04:26:26

can u plz upload iphone template somewhere else plz… i want to use it… but dur to the bandwidth exceed…… i cant

 
Comment by domox
2007-10-18 01:36:03

other suggestions is crate a google page and just need to chande de name of jackbook by yours in the html template

Comment by Jack
2007-10-18 13:51:04

Domox,
basically the idea is, host all the images and the javascript on your own host, which you can use googlepages or other. and then don’t forget to change the link inside your template with the new url.
thanks

 
 
2007-10-18 18:46:04

[…] 1. You have to host the background image on your own host. because currently, the background image is hosted on my googlepages account. if my googlepages account exceeded it’s bandwith, the image will be inaccessible. that means, the background image will disappear from your blog. […]

 
2007-10-20 23:39:36

[…] So i recommend you and ask you to please host all images onto your own free file host. you can use your own googlepages, or imageshack.us or photobucket.co. read the instruction about hosting the image here. […]

 
2007-11-05 15:05:33

[…] Why your images disappear from your site? replaced by white blank spot? well here is the asnwer. It is because you have not moved all the images needed by your template onto your own image / file host. […]

 
2007-11-05 15:14:52

[…] Please  note: You have to host all the images onto your own image/file host. or your images will disappear if the bandwith has exceeded it’s limit. read here for more instruction why is it happen, and how to fix it. […]

 
Comment by chrischam
2007-11-05 16:35:42

ops nvm, can already after few attempts..

NOTE TO ALL READERS!!!

READ AAAALLLLL, I mean AAAALLLL before you want to ask any questions or so…

 
2007-11-05 18:03:56

erm, i had problem again…
http://images.jackbook4.googlepages.com/summerfruit_logo.gif doesnt work!

Comment by Jack
2007-11-05 19:09:13

hi Chrischam,
why don’t you download the image files zipped on the post above?
i have provide all the images zipped on a single file to make you easier to download.
you can find the javascript also there.

thanks

 
 
2007-11-05 18:24:48

As soon I get to step 2.1
I copy the code and paste it in a notepad…
Then i change all the URL images…
then i finally save it as mytemplate.css
then i register an account at googlepages.com
after that i upload the file..
FINALY, i replace the link with the original ones..

 
Comment by Nick Pick
2007-11-06 10:29:37

hey jack! again, thanks for how unbelievably helpful you are concerning this stuff. i’m amazed that you repsond to every question left.

i am hoping this will be the last one from me. i have put all the files for the web 2.0 blog on my own space and the problem i am having is that only the blog archive section will minimize and expand when the header is clicked. everything else is stuck in the expanded view (meaning you see all the content under the heading, not just the header). any ideas on how to fix this?

Comment by Jack
2007-11-06 14:22:45

I think it’s better if you post this question under the web2.0 post.
I have mentioned it on the post anyway, you must not read it carefully.
thanks

 
 
2007-11-06 17:46:58

I already did that!! i dont know what is http://images.jackbook4.googlepages.com/summerfruit_logo.gif

I need to know what image it is, so i can upload..
is it a rsslogo? wplogo? bloggerlogo??

Comment by Jack
2007-11-07 13:46:19

oh sorry, it’s my mistake.
that url is no use. you can delete that url.
i have updated it also on the original css. thanks

 
 
2007-11-07 18:11:55

Hello.. its me again..
the jave package seems to have some problems..
In the java pack, jackbookDOTCOM_changedate4 isnt the original scripts.. it cannot show the date for mush blue..
but i manage to get the original from http://jackbook1.googlepages.com/jackbookDOTCOM_changedate4.js and re upload… just letting you know!

Comment by Jack
2007-11-08 12:29:36

oh thanks. you are the first person give this so helpful feedback.
i’ll update it soon.
thanks

 
 
2007-11-08 21:00:57

[…] first, let me remind you that you’re better host all the images this hack needed on your own googlepages, or other filehost. So many blogger forget do not read my post carefully and keep asking the same […]

 
2007-11-09 23:40:53

[…] if you want to use this template on your blog, please remember to always host the image on your own file host, I hope no one will ask a same question again about why their images disappear each time my […]

 
Comment by Sheriece
2007-11-15 05:56:15

Hi there. I am using the Web 2.0 Blogger Template Dark on my blog, and can’t get the date to work. It doesn’t show any text for the date at all, just the little blue and grey image. I have uploaded the javascript and hosted it on my own page and double checked my own date formatting, so I don’t understand it. Help please.

Comment by Jack
2007-11-15 12:20:04

could you please provide me your url Sheriece?
I will check it for you.

Comment by Sheriece
2007-11-15 13:05:02

Ha. I am a moron. I kept checking the DATESTAMP, NOT the TIMESTAMP. :oops: Sorry to have bothered you.

Though, I am having other issues with making my sidebars collapsible. :???: :wink:
http://www.jackbook.com/2007/10/dark-blogger-template.html#comments

(Comments wont nest below this level)
 
 
 
Comment by jimmy
2007-11-17 08:26:05

i have a very strange problem

i uploaded the iphone template no 1

and i used it at my blog

as i am crazy about it and about how it looks

but then .. sometimes it works , sometimes it just appear as page without pictures or anything !!!

and i am very retarded in html stuff

so can u please just gimme another html or file to upload that works

pllllllllleaaaaaaaaaase : ))

Comment by Jack
2007-11-17 12:26:37

hi Jimmy,
just like so many other else bloggers, you must haven’t read about this. host all the images your template needed to your own file host.
please try to follow that instructions there. and let us know hot it goes. thanks

 
 
2007-11-18 22:03:53

[…] 2. move all the images needed by this template to your own images host. (you can use googlepages, or imageshack etc) please read how to host your images needed by your template to your own file host here. […]

 
2007-11-18 22:09:12

[…] This is a how to install a blogger template guidance. You have to go here if you are figuring out why your images disappear from your blog, or here if your date format doesn’t show up or here if you are having problem with […]

 
Comment by Stephan
2007-11-19 05:58:46

Hi,

I’m looking for the Mushblue CSS but the download limit is exceeded.

Tryed to log in on your googlepages but couldn’t find it there :(

Thanks in advance…

Comment by Jack
2007-11-19 14:15:35

Hi Stephan,
please Re-download this template. i have included the whole package there. thanks

 
 
Comment by Emre
2007-11-21 02:55:09

hi,

i downloaded .rar . but it has a problem. it’s warning :( can you upload it again?

sorry for my bad english :)

Comment by Jack
2007-11-21 11:43:09

which file it is? i’ll try to upload it again.

 
 
Comment by Jokey
2007-11-27 01:51:03

hi,
i have a problem, the date does not show up.

i replaced all the images and jackbookDOTCOM_changedate4.js with the ones i uploaded on my own host. also deleted the code line with the css, everything works fine but somehow the date does not show up.

what do i do wrong?

Comment by Jack
2007-11-27 12:53:27

could you give me your blog URL?
so i can check it.
thanks

 
 
Comment by Jokey
2007-11-28 01:37:03

It is working now. I changed the host of the js. And somehow this fixed it?!
This is a great site, many thanks.

 
Comment by jason
2007-11-28 15:27:12

how you change the host of the js. i have same problem of the date showing

 
Comment by Sunit
2007-12-03 20:30:25

Hello. I liked your themes..and this way of explaining..

Just trying to be like you, I just thought of telling/introducing you to photobucket.com

Very much like imageshack.us and better at some points.

Also.. to search for the image url in Opera.. u can try out Ctrl+F or go Edit>Find

In firefox you can use ur ‘/’ key.

 
2007-12-07 22:29:56

[…] All the images needed by this template are hosted on imageshack.us, that means, you are using my imageshack account together with hundreds or thousands other bloggers who use this templates also. If you want to make sure that you won’t run out this images bandwith, go move all the images into your own imageshack account. read here for more instruction about doing it. […]

 
Comment by Mystique
2007-12-15 15:56:16

i need the logo psd jack for this template

 
Comment by yakisanse
2007-12-18 02:55:05

thanks jackbook change :idea: date

 
Comment by manpreet
2007-12-20 02:22:42

Hi jack, i cant setup the images on the blog. Why dont u upload on a http://www.photobucket.com account and paste the links here simply? Also how can i make the bar showing contact, help, home , etc. work? reply will surely be appreciated.
thanks a lot jack..
my url is http://www.workonline24.blogspot.com
its a confused page currently

Comment by Rome
2007-12-30 17:48:18

Coz it will just also exceed the bandwidth limit that photobucket sets for an image.

Please do take not that its not only you who is using the image if you don’t upload it yourself. You also share that with the other people that are using the template. :)

 
 
Comment by Gadgets
2007-12-26 20:54:30

I had done that before you had said.

 
Comment by Gadgets
2007-12-26 20:59:31

Nice tutorial.
Good work Jack.

 
Comment by Gadgets
2007-12-26 21:08:00

I sent you an email with my post.
If you will not post it in the next 2 days, I shall post it on my blog then.

 
Comment by sensibleguy
2007-12-30 14:24:57

hey JAck I am sure there would be steps in converting a wordpress theme to bloggers so why dont you post the steps on how to convert and throw out the stress dude!!! what do you say about this??

 
Comment by Bobby
2008-01-01 03:45:56

thank you so much for all of this help!
only one problem, on the googlepages recovery account, i see images folder for most of the templates-but not one for Mushblue, I want to host the images myself because the date doesn’t work but i cant find those images.

Thanks again for help

Comment by Jacky Supit
2008-01-01 13:11:59

hi Bobby,
why don’t you tell me what your URL so i can check it out?
thanks

 
 
Comment by Bobby
2008-01-01 15:30:28

my blog is: http://www.bobspotdesign.blogspot.com

i uploaded the date javascript file to my own host(googlepages), i used the file titled: jackbookDOTCOM_changedate4.js
is there a certain javascript file i have to use for the mushblue template?
i changed the link in the blogger template html but it doesnt work, is there any other places i have to change that link to my uploaded file?

 
Trackback by Lexapro.
2008-01-05 07:49:12

Why does lexapro make me sleep all the time….

Lexapro. Lexapro maximum effective dosage. Lexapro and effects of alcohol….

 
Comment by keke
2008-01-05 09:01:04

hi sorry to bother you… i have the same problem as ‘Bobby’ with my mushblue template. just wondering if you guys figured it out ?

 
Comment by keke
2008-01-05 09:47:09

think i figured it out… lets hope for the best …. amazing template by the way… keep up the good work

 
2008-01-12 15:29:24

[…] January 12, 2008 at 8:29 am (Uncategorized) Here are the tips […]

 
Comment by venehacker
2008-01-22 20:09:30

hello jack my problem is that I raise template i phone but shows bad the elements to me that estara passing alli my blog is http://venehacker.blogspot.com, if you want you see it and you say to me as it can be the error that I have, beforehand thanks

Comment by Jacky Supit
2008-01-23 08:51:47

hi Venehacker,
sorry what were you trying to say?
“I raise template i phone but shows bad the elements to me that estara passing all” ??
sorry could you explain your trouble in a simpler words?
thanks

 
 
Comment by chroncile
2008-02-03 04:10:35

It says 404 when I try to download the web 2.0 blogger template. :cry:
Please help me.
Thanks :)

 
Comment by Tushar
2008-02-06 10:12:19

Jack i tried this a couple of times by changing the image url’s and copying the css code but when i save i try to save it,it shows errors and hence cant be saved.
Please could you help me since i really dont understand the HTML codes and all.(I could add you as an author and then you could edit them)
Plzzzzz

 
Comment by Andi
2008-02-08 01:04:59

this is all my fault, i was not follow ur advise, my blog gone shattered, help me please…

http://andi-pangeran.blogspot.com

 
Comment by Leo
2008-02-08 11:09:18

Dude, your account does work. Hmm the password doesnt match. Or so they say. Damn, I want this skin so bad! But i just cant seem to do anything to make it work!

 
2008-02-09 17:51:52

[…] This template on default uses all same images on the same googlepages account. I highly recommend you guys to move the images to your own googlepages. […]

 
Comment by M.Alim
2008-02-13 19:32:59

How can i Install Blog on my website? and i want to editing in it ..please tell me..

http://www.eleathershop.com

 
Comment by webzoom
2008-03-03 08:33:54

I have uploaded all the images need for template Red White web 2.0 Blogger Template & javascript file :cool:

Download Images of Red White web 2.0 Blogger Template
—> http://www.wzoom.info/upload/images_of_red_white.rar
^^

Comment by Mimi
2008-03-07 17:27:03

thanks!!! but those javascript file are not working for me :(

 
 
Comment by mohan
2008-03-08 13:58:19

Hi jack ,
The image links are not working !! kindly see to that !!

cheers :)
Mohan World

 
Comment by N!D
2008-03-11 23:33:30

Hi Jack. Thanks for the info on the Themes.

I’m using Fresh on my blog and Red-white on the Scouts’ (won’t be red for long :wink: )

To host the site I use photobucket, they let you store loads of pics and don’t ban hot-linking to other sites. You can put the pictures into albums (folders)

I think that there are some slideshow widgets coming out for photobucket, so you will be able to get some pics into the sidebar, just like flickr.

TTFN N!D

 
Comment by RoN
2008-03-17 23:46:35

Hi, Can u upload the Iphone template again? Because I need the pics, Some pics are not in the folder…

like: iphone-theme_cats_bg.gif

 
2008-03-18 20:56:07

Buy xanax overnight without prescription….

Buy xanax overnight without prescription….

 
2008-03-20 11:55:40

Buy no doctor phentermine….

Buy cheap phentermine without doctor….

Comment by Rome
2008-03-20 15:07:27

watda! Jack. these are below the belt spam comments.

 
 
Comment by Omar Abid
2008-03-20 17:24:43

this is good because I think the bandwidth will end if all uses the same host :lol:

Comment by Rome
2008-03-31 05:00:19

You wouldn’t want your images to just magically disappear don’t you.

 
 
Comment by Blogger Success
2008-03-20 17:28:32

Thx for informing us Jack :roll:

 
Comment by Patrick
2008-03-27 00:36:51

Hi. I can’t download the photos for Web 2.0 blogger template - dfxtheme and the javascript files. It says the files cannot be found. :cry:

 
Comment by Defiant85
2008-03-27 18:38:38

Hey Jack.

There’s something wrong with the link to the changedate Java script. It says page cannot be found. :(

Please help.

 
Comment by No working
2008-03-31 01:56:39

where are the images, i can’t find then, i need the red and white pack, my page is showing blank. and this doenload doesnt work. I want it for my site at http://tvradionet.com

 
Comment by Rome
2008-03-31 04:58:46

Its in the template html. You could get them there. :)

 
Comment by Lloyd
2008-04-02 01:28:06

Weird the google pages account you’ve provided above could not be logged in? Am I the only one facing this problem?

 
Comment by Gevalher
2008-04-06 04:13:13

Hi Jack nice work!!!

unfortunately I cannot reach the images for red white (2 col) template) could you host them in any other place, or sent to my e-mail, I would be grateful.

 
2008-04-09 20:03:57

[…] All the images needed by this template are hosted on imageshack.us, that means, you are using my imageshack account together with hundreds or thousands other bloggers who use this templates also. If you want to make sure that you won’t run out this images bandwith, go move all the images into your own imageshack account. read here for more instruction about doing it. […]

 
Comment by mario
2008-04-13 22:22:17

Hi Jack , could you send me all the images, css, java, xml archives necessaries to configure the iphone 2 blogger template in my own host. I use this data but google said that are incorrect.

user: jackbook.recovery@gmail.com
pass: abcd12345

Please send me to my e-mail the archives, Im going to buy a rapidshare acount, so I can upload all the archives necessaries to configure the template and send you the link so all can download from rapidshare insted of google pages.

Tanks so much.

 
Comment by DeeDee
2008-04-19 06:36:58

I’m having the same problem as Mario. Password or username is incorrect.

 
Comment by peg
2008-04-27 11:31:06

Hey Jack,

The .js files aren’t working for me. I have no idea how to get them uploaded.

Please help. Thanks.

 
Comment by rei
2008-05-04 01:01:37

404 not found for the red and white template..O_O

 
Comment by DJHassoo
2008-05-05 00:45:49

We cant reach to images because your bandwidth is excedded