How to Use Blogger to Upload your Javascript (.js) files ? - Unlimited Bandwidth!!
Posted by Kranthi on Wednesday, September 16, 2009This post explains how to host javascript(.js) files in blogger itself, so you don't need to worry about bandwidth limitations,etc:-
"How to host Javascript files for Free with unlimited bandwidth ?" is one of the most frequently asked questions in the blogger community. There are tons of hosting providers out there who can help you host your .js files for Free, but all have some bandwidth limitations and also they are not very reliable.
My friend Switcher previously explained how to use google sites to host your javascipt files for free in his blog (you can read that post here)... I used that method to host javascript files of my previously released magazine style blogger template ' Falkner Press '... but, the problem is even google sites have bandwidth limitations. So, if the bandwidth exceeds at a particular moment, the javascript files don't load which results in complete template mess up.
So, if you have those kind of problems, here is a simple trick.
I'll take Falkner Press template javascript files as an example.
If you look at the top of the template code, you see something like this:
So, as you can see, there are three javascript files (highlighted with colors) in the template. The files are hosted at google sites.
2. Copy each of those three links and paste them in your browser and download all those three files.
3. Now, open each file with Wordpad (not notepad) and copy that code.
4. Now, here is the trick...
Paste the code you copied (copied from first file) in your blogger template like this.
<script type='text/javascript'>
//<![CDATA[
PASTE THE JAVASCRIPT CODE HERE
//]]>
</script>
What about if you have 2 javascript files or three (like falkner press template) ? Simple! Just repeat the process again... like this..
5. And the Final and Most Important step... SAVE THE CHANGES ;)
Benefits of this trick:
» No file size limitations
» No bandwith limitations
» Super fast page loading (coz files are stored in blogger itself)
Like the trick ? comment.. :)








104 comments:
Once again nice trick but Image Trick not working after 1gb bandwidth
Thanks ! Continue your Great Work !
@ Mani,
Thank you.
FOR THE IMAGE TRICK,
If your file storage space exceeds 1gb, just create another google account and add that account as an author and add images from there.
Thanks, Kranthi
I'll have to check this out.
That's one cool trick, how you throw the CDATA inside the javascript! :)
Neat!
Thank you for this hack!
Ahh..Nice tips Kranthi, thanks for sharing.
For jquery and mootools or other big JS not recomended because will make slow load everytime page open have to load all js, its different if we use link the js, browser no need download every time open different page only use cache file inside of your hdd. To use big js, mootools or other you can use from google this the method How to Use Popular Javascript from google this method absolutely unlimited and recommended from Google for all web developer
thx..Kranthi...that's what I've been looking for a whole time ^_^, I'll try it to host my .js file.
I had read this thing earlier somewhere but at that time I thought that this would be less useful and thus I hosted the file on google site :( . thnx for the trick but I guess I would stay with google sites as I believe I wont reach the bandwidth limit as I jsut have 1 javascript hosted!
wow, really useful tips, i will use this if i use such templates in future.
Thanks kranthi.
I don't have a googlesites account. but I host my javascipts on other stores, will it work the same?
Thanks
Hi kranthi, i have a doubt that what will be URL of the script?
For example i am using ur thumbnail recent posts trick that uses the below script URL -
http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js
I have copied and pasted above script in my blogger HTML as you told in my blogger code, now what shud i change this URL to use script in my template code?
hei........
Hello, Kranthi!
Although I find your Communist template (for my blogspot blog) to be very eye appealing and very simplistically beautiful, I'm finding that I'm having a really, really, really hard time trying to tweak it to my specifications. I have spent the last two days trying to find an expandable post hack to add to my Edit HTML and all the ones I have tried have not worked. I also have another problem: when I go to my my 'Archive' under the 'Settings' tab, the "Enable Post Pages" is shaded out making me unable to select an answer.
I used your Charcoal template with no problem (except not being able to post ad units between posts) and I really want to keep this Communist template but because of the type of blog I have I really need to be able to implement the expandable post feature.
Can you help me in any way with this?
Hey I am using the same blog template..
i creates problems later on.
I think i would have done better with another template.
http://e-onlineearning.blogspot.com
Ive always wondered how to host files on blogger :)
THANKS!
Btw, can u do a tutorial on how to upload video files on blogger because now, the new post editor thing doesn't allow you to upload videos.
THANKS!
http://www.vistalegend.blogspot.com
thanks :)
nice post. I'm using blogger to my business
Hey Krnathi , I need ur help man,
I want to limit no of posts in my search results in blogger . I have limited the blog posts to 5 per page , but when using search or label function it is showing around 25-30 posts per page and become very slow. please help me to limit the search or label function also , please reply me as fast as you can. Thanks in Advance.
Really done a great Job Kranti.Really helpful for my Blogger templates.
Hi,
Can you create a logo and favicon suited for my blog/site www.techpupil.com which is powered by blogger.
Thanks,
Jeevan
Hi Kranthi! That is lots of useful info. Thanks. Best wishes.
dynamicnaturesite.blogspot.com
kranthi - you are so cool.
question...on the falknerpress template, everything works fine, except the "leave a reply" portion of the comments. i have to click all around until i see some shortcut appear - i click on that, then the form appears. same happens on the demo. any suggestions?
heyyyyyyyyyyyy it is wonderfull and good also
can you able to help me for meta tag description for blogger blog if you can then comment on
smsformobile2008.blogspot.com
test
Woow.. This trick is very nice. Thanks admin..
do i need to change the src url of the script after pasting inside the template?
Hey, thanks for the great info though! I'm using this kind of hack since then i've started blogging....but as of now i'm not using javascript functions, i'm trying the HTML conventional way! 'coz of some browser supports...
http://www.yourjavascript.com is good alternative solution for your javascript file to host. They also gave restricted access for the javascript to only for given domains.
makasih banget.....
woww this is greatt..!!!
hye thete kranthi, i have some problem withe my website.
I want to remove google ads in parked domains and I want it to be a real website not google ads..I've removed a CNAME in my dns configuration and delete domain name in Google AdSense for domain but Im still getting an error " Google Error Not Found: The requested URL / was not found on this server.Please help me with this. This is my website http://www.kavithayetheriyuma.com/. If posible can u help me to do. I have no idea how to reset it.please and thanks
How to ... with CSS file/ CSS code?
sorry my English is .....
these are really good
link have done,,,ur truns....
very nice tricks.
then how to convert script from template into javascript file ? could i just reverse that tricks ?
Thanks.
(Sorry about my english) T_T
nice post...i like it...thxs
This sounds cool man..
Blogs Directory
http://blogs-directory-online.blogspot.com/
Hye therecan u help me in this problem. I want to remove google ads in parked domains and I want it to be a real website not google ads..I've removed a CNAME in my dns configuration and delete domain name in Google AdSense for domain but Im still getting an error " Google Error Not Found: The requested URL / was not found on this server.Please help me with this.My website url http://www.kavithayetheriyuma.com/ bought it from blogspot. thanks
yes, you can user a free host , upload file js(javascipt). i think bandwidth unlimit. i using it on www.tipsdesignblog.com
very nice trick, ill try this later today. thanks.
Yes....it is the way to upload javascript file.
I was use this trick for several month ago. And i was applied for my converted blogger template
Best regard
blogger template place
very usefull
thank you very muchor the tips
Great you are doing a good jobbbbbbbbb!
www.great100persons.blogspot.com
HI kranthi,
This is Vijay from Guntur.. Nice Article man. In fact I follow your dialy for new updates.
http://blogs-directory-online.blogspot.com/
Bye
Hello,
I have a question about Blogger template editting. I would be grateful if you can answer me.
In the template html code, where can I edit the code in order to remove the name of my blog in the top of the page. I mean the brown line which reads: Radio Hafez
I don't want the name to be on the picture of the header.
(I know I can remove the title by going to Settings-> basic-> title. but I don't want the title of the WINDOW to be removed.)
Thanks.
my blog is: www.RadioHafez.com
Thanks for this! This really works!
Muchas Gracias Por La Ayuda Amigo!!!!!!!!!
Me Funciono A La Perfeccion
heyyyyyyyyyy wonderfull templet i used it on my blog
seeeeeeeeeee
hello Kranthi,
I try to use the Falkner press theme, included the txt files directly and this way got rid of the createSummaryAndThumb mess up. I am still not able to properly use the "Mini Updates".
Could you support? I will be pleased to donate.
blog: reklamefernsehen.com, mail: mail@reklamefernsehen.com
thanks a lot in advance
when id i recieve this messege
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type "div" must be terminated by the matching end-tag "
".
help
Your templates are awsome and your help guide is very good. I appreciate the time and effort you've gone through
Dan
thanks
I was thinking to host it in yourjavascript.com, but later I think it's better to do it like yours. Cheers!
this is what i needed. thanks for share
Nice Blog, USEFULL STUFF ONLY, NICE PAGE,
Great Articles,
regards,
rahulmg,
http://rahulmg.blogspot.com
Really cool trick..!!!!
But not cool enough compared to my blog...!!!
Hi! Mr/Mrs
Can I ask you?I want to know how can make my website post page number,EX: you website bloggertricks.com have 26 page,so can you tell me how to make it? thanks ! I hope you can show me sooner.
Lucking Adsense Optimized Blogger templates?? i invite you to mine blog ;)
Thanks for tips mas Kranthi,
This is the first time visit this blog
many useful tricks in this blog
Excellent freakin' guide! I am setting my customizations to my blog now. I found your website while testing out a demo link on a template apparently created by you.
Excellent workmanship. Keep up the amazing quality.
I am going to follow you.
Jay's Saving Your Money
I'll have to check this out.That's one cool trick, how you throw the C DATA inside the JavaScript!I like the post very much as it is useful and informative in nature.
There has been no activity by Kranthi on this blog since 16 Sep. Apparantly he is not supporting it anymore. Life gets busy and he must have moved on to something else. Too bad there were a lot of cool things on here.
@ Bull Rhino,
Yes dude.. I'm currently very busy with my studies..
Ive always wondered how to host files on blogger
THANKS!
Hello Friend
I am new to your place
pls tell me what is bandwidth. (i think its a space which is given by blogger) am i right?
and tell me is there any space limitation in blogger
Actually I failed to upload .js files to various hosting servers. Though we can upload js code in text files and use it as .txt but this is the simplest method. Thanks kranthi.
thanks
hey dear,
I wanted to ask u a very simple question that the free wordpress sites sometimes leave a backlink to their site in the template they make (mostly in the end of the template) e.g.
BlueVelvet Theme DESIGNED by DESIGNER LINK
In collaboration with Sponsor 1 | Sponsor 2 | Sponsor
are we authorized legally to edit or remove this whenever we are uploading it to our blog or website?
@ Masil,
Yes... that's your site.. so, that's your choice :)
thanx so much, i was trying to find this tutorial for so long
nice info bro..
its very helpfull
ganool blogspot
thx kranthi
The best host and free is Google Code http://code.google.com i host my js files there
Thank you Kranthi I've been looking for this solution for a long time.
Hai shaline
yes really my blog editing problem detail easy word nice my broblem solve thankyou your site.....
Once again thanks for such a nice information..
www.mgingerhack.blogspot.com
that's smart tips, i will practice it, thx for sharing, nice articel.
I've been looking for this for just sooo long. And I found it at last. After reading your post, I wrote on my facebook status, "achieved major breakthrough in javascript; expect a more gorgeous site soon"
Thanks so much for this trick.
http://shoyab.blogspot.com
Hi Kranthi,
Thanks for the tips... most powerfull tips...
I HAVE SOME QUESTIONS FOR YOU PLEASE ANSWER ME
1>DOES BLOGGER BLOG HAVE ANY BANDWIDTH LIMITATIONS IF YES WHAT IS THE LIMIT
2>DOES BLOGGER BLOG HAVE ANY TIME VALIDATION I MEAN IS IT FOR EVER OR WILL BE CLOSED LIKE GOOGLE PAGES
3>WHAT IF I BUY A .COM DOMAIN FROM BLOGGER THEN WHAT IS THE SERVICES LIMITAIONS EX BAND WIDTH ,STORAGE SPACE ETC.
Wow, this is a very good trick. I like this trick very much. Thanks.
Thank for share
Thanks for the trick!!!!
Tech news and tricks here...
http://firyfriends.blogspot.com
Helpful tips always from you.
Happy New Year Buddy.
Hope we will see your more and more beautiful Templates this year.
I was looking for this trick for long time. This trick is quite simple as well
Thanks Dude...
Great! But how's about with the "widget"?
I tried the same way but It didn't work!
Thanks, nice posting !
Thank you so much, I have been struggling with this for sometime now, and bam it works!
hello! this works when you place the hack in the template. but when i use it in widgets (some of my page elements have javascripts such as recent post and recent comment), this hack does not work. help pls!
or is there a way that i can place the javascript in the template, then i can still place the widgets on the sidebars and access the javascript from the template?
thanks good post
thanks it really works
http://linkstothings.blogspot.com
Was always wondering how to do this on blogger without having to find a free web host just to mooch JS files off of.
Thanks!
Seeing how Blogspot uses XML, it makes sense to need to add the //<![CDATA[ tag to the script. I bet there may be many other applications of this...too bad I can't think of them at the moment. Thanks for the tip!
Very good idea. Why didn't I think about it before? Thanks for the tip.
nice article..
I will try to put it in my blog..
http://vhdlguru.blogspot.com/
Thank you. This is a real helpfull idea to install javascripts directly in template. But one question. Why do I not open the javascript in notepad, why do I use wordpad.
thx, this is really good stuff..
thank you so much... I love your blog.. Very more exp,..salute.,
By www.fajarbukan.blogspot.com
hi...........very nice blog i liked it very much
Thanks for sharing, it's really useful
Kranti, you rock! You sure do! Thanks.
what about CSS file?
hehehehe, thank very much for this ... :)
Many institutions limit access to their online information. Making this information available will be an asset to all.
Post a Comment