Move all the Images on your blogger template to your own host!
By Jacky Supit • Sep 22nd, 2007 • Category: blogging tips - blogging tricksFor 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.
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..
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
[…] 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 […]
Hi, summerfruit_style.css can not be reached because of the bandwidth limit. Could you upload somewhere? Al last, thanks so good templates.
Mafiamax,
I uploaded the css bundled with the images. you can download the red-whiteweb2.0bloggertemplate.zip. it is the summerfruit template.
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??
sure. i have uploaded it now.
thanks
[…] You can read how to move the images to your own host here. […]
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….
can u plz upload iphone template somewhere else plz… i want to use it… but dur to the bandwidth exceed…… i cant
other suggestions is crate a google page and just need to chande de name of jackbook by yours in the html template
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
[…] 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. […]
[…] 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. […]
[…] 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. […]
[…] 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. […]
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…
erm, i had problem again…
http://images.jackbook4.googlepages.com/summerfruit_logo.gif doesnt work!
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
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..
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?
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
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??
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
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!
oh thanks. you are the first person give this so helpful feedback.
i’ll update it soon.
thanks
[…] 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 […]
[…] 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 […]
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.
could you please provide me your url Sheriece?
I will check it for you.
Ha. I am a moron. I kept checking the DATESTAMP, NOT the TIMESTAMP.
Sorry to have bothered you.
Though, I am having other issues with making my sidebars collapsible.
http://www.jackbook.com/2007/10/dark-blogger-template.html#comments
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 : ))
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
[…] 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. […]
[…] 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 […]
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…
Hi Stephan,
please Re-download this template. i have included the whole package there. thanks
hi,
i downloaded .rar . but it has a problem. it’s warning
can you upload it again?
sorry for my bad english
which file it is? i’ll try to upload it again.
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?
could you give me your blog URL?
so i can check it.
thanks
It is working now. I changed the host of the js. And somehow this fixed it?!
This is a great site, many thanks.
how you change the host of the js. i have same problem of the date showing
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.
[…] 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. […]
i need the logo psd jack for this template
thanks jackbook change
date
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
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.
I had done that before you had said.
Nice tutorial.
Good work Jack.
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.
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??
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
hi Bobby,
why don’t you tell me what your URL so i can check it out?
thanks
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?
Why does lexapro make me sleep all the time….
Lexapro. Lexapro maximum effective dosage. Lexapro and effects of alcohol….
hi sorry to bother you… i have the same problem as ‘Bobby’ with my mushblue template. just wondering if you guys figured it out ?
think i figured it out… lets hope for the best …. amazing template by the way… keep up the good work
[…] January 12, 2008 at 8:29 am (Uncategorized) Here are the tips […]
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
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
It says 404 when I try to download the web 2.0 blogger template.
Please help me.
Thanks
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
this is all my fault, i was not follow ur advise, my blog gone shattered, help me please…
http://andi-pangeran.blogspot.com
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!
[…] 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. […]
How can i Install Blog on my website? and i want to editing in it ..please tell me..
http://www.eleathershop.com
I have uploaded all the images need for template Red White web 2.0 Blogger Template & javascript file
Download Images of Red White web 2.0 Blogger Template
—> http://www.wzoom.info/upload/images_of_red_white.rar
^^
thanks!!! but those javascript file are not working for me
Hi jack ,
The image links are not working !! kindly see to that !!
cheers
Mohan World
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
)
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
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
Buy xanax overnight without prescription….
Buy xanax overnight without prescription….
Buy no doctor phentermine….
Buy cheap phentermine without doctor….
watda! Jack. these are below the belt spam comments.
this is good because I think the bandwidth will end if all uses the same host
You wouldn’t want your images to just magically disappear don’t you.
Thx for informing us Jack
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.
Hey Jack.
There’s something wrong with the link to the changedate Java script. It says page cannot be found.
Please help.
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
Its in the template html. You could get them there.
Weird the google pages account you’ve provided above could not be logged in? Am I the only one facing this problem?
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.
[…] 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. […]
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.
I’m having the same problem as Mario. Password or username is incorrect.
Hey Jack,
The .js files aren’t working for me. I have no idea how to get them uploaded.
Please help. Thanks.
404 not found for the red and white template..O_O
We cant reach to images because your bandwidth is excedded