How To Host Javascript Or .js files on Blogger, yes as blogger supports javascript which makes blogger support all the possible hacks in this platform, where to host this javascript on blogger.The Problem we all face is getting an free server with unlimited bandwidth to host these javascripts. As blogger doesn’t provide any source to host javascript for blog like it has provided picasa for images.As of before we all were using googlepages to upload the .js files but google closed this service and switched to google sites.As still we can upload these .js files to google sites but just upload it with file extension .txt instead of .js .OR we can upload .js files to Google Code
The best solution to host your javascript on blogger itself
For External Javascript the code is
<script src='http://Your-Script-Url/file.js' type='text/javascript'/>Whenever you are trying to implement some hack making use of javascript you would have mostly been asked to download the .js file and upload to your own server,get its url and then replace it with red link in above codes shown above,and then place the whole above codes in blogger html before closing of head tag.
So why don’t we upload these JavaScripts to blogger itself.Just what you have to do is,whenever you are asked to do this kind of above stuff while implementing any hack.
Just use below code in place of above one.
<script type='text/javascript'>
//<![CDATA[
<--Paste all code here from .js file -->
//]]>
</script>Just in place of “<–Paste all code here from .js file –>” line in above code what you have to do is just open the .js file (which you are asked to download or upload to your own server) in notepad or on your browser , copy its code and paste it in place of above red line.And your javascript codes are now ready which are now hosted on blogger itself instead of hosting to third party server.
Hello Sir, thanks a lot for this post. this is pretty helpful. However, I'm just kinda confused on how to get my "Your-script-url/files.js". Just how exactly would i be able to get the url? Please help me. Thanks.
And what does you mean by "Just use below code in place of above one"? I will have to copy the code and then replace this "script src='http://Your-Script-Url/file.js' type='text/javascript'"
with it? Please help me sir. Thanks
@jerico
the first code is for external scripts and you must need third party webhost(free/paid) to host your javascript files, then grab the Direct URL of javascript file and put in first code.(Normal Method & Need webhost)
But we no need to host files .js in external webhost, just use the second code and put javascript file content in it!.(Blogger Hack & no Need webhost)
Wow! thanks for the fast response sir. I badly need my jquery files to be installed somewhere to make it run. I am creating a vertical sliding panel using jQuery for my site but I just can't figure out how to make it work. Can you help me with it sir? Please visit my under construction site here to see the sliding panel I'm talking about http://moneymakingresources.blogspot.com/
Please help me sir on how to make this work. I can provide you with the codes to check if i have the right one.
Also, can you give at least one webhost that is free? where i can upload my jQuery files. Thanks sir.
Sir i just want to ask. What do you mean by direct url file? There are a couple of files in my folder. I have the index.html, the ajax.html, jquery.slidePanel.min.js, and the jquery.slidePanel.js where among the four will i have to view to get the direct url? thank you sir
@Jerico Jien
Direct URL means the file is directly accessed without any intermediate download Links.
You can host files on GOOGLE SITES
is FREE!
Thank you so much sir. Can you please give me an exact example to follow? just like in your tutorials. I hope I'm not bothering you at all sir. I really appreciate your help
Thanks
but i think embedding long javascript to your own template would make it bigger thus slowing down your blog or worst search engines bots might find it hard to crawl. Check out my blog http://filmsforfree.blogspot.com to see its effect.