72 Using Google Code to host scripts for your Blogger Template
December 29, 2010 / Filed under:

Many methods used to customize our Blogger templates require the use of JavaScript. At present, we can only upload images and video to Blogger. So if we need to use JavaScript we must find alternative hosting for these files.

When using JavaScript in my own Blogger templates and customizations, I prefer to host the required scripts using Google Code's Project Hosting. In this post, I'll explain the methods and best practises for using Google Code to serve JavaScripts for your own Blogger tweaks.

First things first!

Project Hosting on Google Code is intended for collaborative development on open source projects. Rather than being used as a substitute for regular web hosting, it is best suited to hosting shared projects.

All projects hosted on Google Code are Open Source, and are available for anyone to view or download. Various licenses are used for files served by Project Hosting including:
If you do need to upload scripts to Google Code for hosting, you need to be sure any license pertaining to the script allow the file to be distributed in the public domain.

Search for scripts before uploading your own

Before creating your own project on Google Code for the purpose of hosting files, be sure to check if the script has already been made available by another project.

You can use the Google Code search page to check if the script you'd like to use is already hosted:

 The most productive method is to search for the file name of the script you need. For example, when searching for the minified jQuery library, I'd use the term "jquery.min.js".

If the file you need to link to is already available, you can link to this in your template (or gadget code) as detailed below.

Hosting your own files with Google Code

If you find the file you require is not available, or would like to use Google Code to host your own files, you'll need to create a new project.

Fill in all required details on the Create a Project page and choose an appropriate Public Domain license from the drop-down list. All files you consequently upload to your project will adopt this same license.

The name chosen for your project will become part of the URL for your project's home page (e.g.  http://code.google.com/p/NAME-OF-PROJECT) and should contain no spaces.

You can also choose to add labels to help others find your project.

To upload files to your new Google Code hosted project, click the Downloads tab, then use the New Download link:


On the next page, you'll be able to add a one-line description of your file, plus a detailed description for information:

Upload your file using the Browse button.

Labels on this page affect how your download is presented on the main project page. Place your cursor in one of the Label boxes to be presented with a list of choices and select any which are applicable (or none if you prefer):


Finally, click the Submit File button to upload your file to Google code.

Linking to files hosted by Google Code

Once you've uploaded a file to Google Code (or have found a file to which you'd like to link) you'll need to locate it's direct URL.

In most cases you'll find the script you need is included in a list of downloads on its project page, like this:



When you click the linked title of the file you want to use, you'll be taken to it's dedicated page which includes details of the file and the all-important direct file link:


You'll need to right click this link and choose to copy the link location. Then you'll be able to paste the URL which links directly to the file for use in your own Blogger projects.

Of course, the way you need to use this direct link will depend entirely on how you need to use the hosted file.

For example, when implementing a jQuery slideshow to your Blogger template, you'll need to replace the URLs of script files placed in the <head> section of your Blogger template. If linking to a PDF hosted on Google code, you can simply paste it in place of the URL in the link tags.

In future tutorials posted here on Blogger Buster, I'll be referring to this method often as from now on I'll be using Google Code as my main repository for scripts and Blogger projects.

Blogger Buster Tools on Google Code

Back in 2009 I launched the Blogger Buster Tools project on Google Code to act as a repository for scripts and files relevant to Blogger-based development.

This project now includes the vast majority of files used for interactive JavaScript features (e.g. slideshows and galleries); Blogger Gadgets, free Blogger templates and eBooks.




Did you find this post useful?

Rather than focusing on a customization tutorial in this article, I've tried to offer an overview of using Google Code for hosting files relevant to your own Blogger template tweaks.

I hope you've found this post useful! Please feel free to share your thoughts in the comments section below.

Author: Amanda Kennedy

Amanda is a professional blogger and web designer living in Sheffield, United Kingdom.

In addition to curating Blogger Buster, you can find Amanda on Twitter, Facebook or add her to your circle on Google+.

Like to share?

You may also like to subscribe to Blogger Buster's RSS feed or receive free email updates of our latest posts.

72 comments:

  1. Excellent, ive been using it for a while now, and im sure you are among the first to suggest this site for blogger users instead of Google Pages xD

    Good day Amanda!

    BTW any updates for the Nexus 5 Template? Nexus 6 maybe?

    xD

    ReplyDelete
    Replies

    1. What would you recommend about your submit that you made a few days in the past? Any positive?

      Delete

  2. Great post, i have never heard of Google Code!!!

    Thank you very much and happy new year!!!

    ReplyDelete

  3. i was banned from google code for doing exactly that, its meant for open source software. if you dont have many visits to your blog they wont notice it.

    ReplyDelete

  4. www.takemypiconline.blogspot.com

    ReplyDelete

  5. I will give it a try. Thanks for sharing, at least this will be better than hosting the scripts on external websites. OgbongeBlog-Secret Infos rocks...courtesy your tutorials. Happy new Year!

    ReplyDelete

  6. http://www.3gdatacardmodem.in/

    ReplyDelete

  7. Google Code is for Open Source projects and not for your personal file storage. If you do so, it will be like killing the system. The more files you put it, google will be forced to use some automated methods to eliminate such personal stuff and this might harm the real open source projects.

    ReplyDelete

  8. Great post! I start my blog 2 months ago and this is really helpful for me and I’m newbies on the road.... Thank you…

    ReplyDelete

  9. many thanx for this great information

    ReplyDelete

  11. The article is absolutely fantastic! Lots of great information and inspiration, both of which we all need!b Keep 'em coming... you all do such a great job at such Concepts... can't tell you how much I, for one appreciate all you do!
    Business Loan

    ReplyDelete

  12. Thnx for sharing, but i'm using wordpress, i'll definitely share it with my friends using blogger.

    ReplyDelete

  14. Good post. Very impressive. Thanks for sharing.

    ReplyDelete

  15. Thanks for sharing this post.. It helps a lot.

    ReplyDelete

  16. How can i upload and host html file?How can i upload and host html file?

    ReplyDelete

  17. I do like the manner in which you have framed this problem and it does indeed give me some fodder for consideration. However, through what I have personally seen, I simply wish when the commentary pile on that people today stay on point and in no way embark upon a soap box of some other news of the day. Still, thank you for this superb piece and although I can not concur with the idea in totality, I respect the point of view.Love sms | High blood Pressure Symptoms | EECP PakistanPakistan Video | Blackhead Remover

    ReplyDelete

  18. thanks for the tips, i've done something similar with picasa and hosting gifs

    ReplyDelete

  19. You can use http://www.cdnjs.com/ (coming soon cdncsss.com) or dropbox.com to host your Js & CSS files. I dont agree with abusing googlecode, it's for opensource project, keep it that way.

    ReplyDelete

  20. Nice post.Thank you for taking the time to publish this information very useful!

    ReplyDelete

  21. The author has written an excellent article. You have made your point and there is not much to argue about. It is like the following universal truth that you can not argue with: No truth is universal, everything has its exception. Thanks for the info penis enlargement penis enlargement pills VigRX Plus

    ReplyDelete

  23. "To be specific use Google Sites. Why Google Sites? Because it’s free first and foremost (that’s why you join Blogger in the first place right?) and it’s a part of Google big family, so you don’t have to sign up or anything.

    But Google Sites, like most free host doesn’t accept javascripts. Luckily there is a workaround -change the javascript file into a text file, by changing the file extension from .js to .txt.

    Note: The external script must not contain the tim viec tags.

    After uploading the file to Google Sites, get the direct link to the file and use it in the code below (notice the .txt file extension)"

    ReplyDelete

  24. There are different methods one can use to customize and unfortunately, Blogger would only allow to upload images and video at the mean time. Using Google code is undoubtedly one of the best options when using JavaScript for templates and customizations. Now thanks for the detailed steps. Appreciate it!

    ReplyDelete

  25. This is a nice blog. I mean it. You have so much knowledge about this issue, and so much passion. You also know how to make people rally behind it, obviously from the responses

    ReplyDelete

  26. This is waay better than Google pages. I love how this will be really helpful especially to the newbies.

    ReplyDelete

  27. The article in your blog reminds me some old memory .That is good .It gives me happy .I think we will have a harmonious talk.Do you agree?
    in-home care

    ReplyDelete

  28. I have enjoyed this post. Its an informative topic. It help me very much to solve some problems. Its opportunity are so fantastic and working style so speedy. I think it may be help all of you. Thanks a lot for enjoying this beauty blog with me. I am appreciating it very much! Looking forward to another great blog. Good luck to the author! all the best!

    ReplyDelete

  29. Congratulations for making the summit. I bet this such a wonderful feeling to all the participants, specially to you guys. With all the effort and sweats you have shed...thanks

    for the sharing.
    wedding dresses 2012
    wedding dresses
    beach wedding dresses
    bridesmaid dresses
    flower girl dresses
    prom dresses
    evening dresses
    homecoming dresses
    cocktail dresses
    quinceanera dresses
    little black dresses

    ReplyDelete

  30. I have been looking looking around for this kind of information. Will you post some more in future? I'll be grateful if you will.
    cheap evening dresses

    ReplyDelete

  31. this post is really amazing!

    ReplyDelete

  32. uggs boots Error, pink Gusui body! "Li Jue Baotoushucuan back to see Dong Zhuo, Sun Jian said so rude. Zhuo anger, asked Ru. Confucian saying:" temperature TYbhLQ

    uggs boots for women Said Sun Jian cited four will be closed until the front. The four will be? - First, the right soil Eun Peking man, surnamed Cheng, common name, the word Germany

    baby uggs boots Blues defeat the news spread throughout the military, which also makes the company commander and detained Xu Meng and others are little heard of squad leader.

    uggs boots australia died Daojian below! "Zhongzhu Hou said:" Man sets so that oath, presumably without it. www.hotbootsshop.com

    ReplyDelete

  33. "We have just discovered Twitter. Twitter is the new thing that everyone online seems to be getting into. Its heaps of fun, free to sign up and you can communicate with a lot of people with very little effort which is always attractive with our busy lives. You can get your Twitter updates through your mobile phone and you can install a live feed in your Blogger platform very easily.
    Whenever I want to customize a Blogspot Blog I always start with Amanda Fazani’s Blogger Buster as her instructions are very clear and simple and you don’t need a lot of tech knowledge to follow them. Amanda has written a Twitter Widget that self installs your Twitter updates into your blog – its really easy and customizable!"

    ReplyDelete

  34. Thanks to share with us the information. I wish you good luck!

    ReplyDelete

  35. It definitely stretches the limits with the mind when you go through very good info and make an effort to interpret it properly. I am going to glance up this web site usually on my PC.
    luxury boats yachts

    ReplyDelete

  37. Your ideas are very important for us and by increasing your productivity of your blog here.

    ReplyDelete

  39. While many facilities are called assisted living, the senior care provided can be all over the spectrum. In general, assisted living is designed for people who need help with the activities of daily living (ADL).

    ReplyDelete

  41. Shop for all your soccer jerseys and apparel needs from jerseyretails.com including soccer shoes, replica soccer jerseys, team uniforms and more. we has all the soccer gear you want




    Cheap Soccer Jerseys
    replica soccer jerseys
    Cheap Soccer shoes

    ReplyDelete

  42. $17.5 - Wholesale cheap jerseys, cheap nfl jerseys, MLB jerseys, NHL jerseys, and cheap nba jerseys for sale.

    ReplyDelete

  43. Good fill someone in on and this mail helped me alot in my college assignement. Gratefulness you as your information.
    Welcome to my website if you're interested in cheap oakley sunglasses such as oakley frogskins and oakley radar sunglasses

    ReplyDelete

  45. I want to try it, nice share Amanda :).

    ReplyDelete

  47. Australia Black Retro Iris Agate Beaded Silver Wrap Style Bracelet Sale.
    I haven't checked in here for a while because I thought it was getting boring, but the last several posts are good quality so I guess I'll add you back to my everyday bloglist. You deserve it friend :)

    ReplyDelete

  49. Free space baseball, New York yankees, MLB, if you are interested, please click on my name.
    http://nfljerseycheapwholesale.weebly.com/

    ReplyDelete

  50. links of london charms.
    I think you have noted some very interesting points , thankyou for the post.

    ReplyDelete

  51. genuine thomas sabo charms sale.
    As soon as I discovered this internet site I went on reddit to share some of the love with them.

    ReplyDelete

  53. I am not sure where you are getting your information, but great topic. I needs to spend some time learning much more or understanding more. Thanks for fantastic information I was looking for this info for my mission.

    ReplyDelete

  54. Find get more
    http://learn26.blogspot.com

    ReplyDelete

  55. Furthermore, Using the power on the internet in this period, progressively green cocktail dresses more British isles bridal gowns vendors generate their own matter on the planet extensive net.
    We offer wedding dresses, bridesmaid dresses, beach wedding dresses,my friends welcome to visit and see!
    wedding dresses

    ReplyDelete

  56. Great information! I’ve been looking for something like this for a while now. Thanks!
    if you are interesed in cheap jerseys like cheap nfl jerseys,cheap nba jerseys and cheap nhl jerseys,click here for useful infomation,tks

    ReplyDelete

  58. Very good post. Wish I read this earlier.

    ReplyDelete

  59. You are most correct. Every blogger should read this.

    ReplyDelete

  60. From what I can tell, the way to customize the appearance is to add the class prefix ".mobile " to additional style statements in order to customize the appearance in mobile browsers. Not had time to try it much yet, but will do my best over the holidays so I can write up a post.

    sex video
    asian sex tube
    free teen
    latin sex porn
    secret porn
    cute porn
    sexy teen
    cd porn
    hot porn tube
    sex video
    fac sex
    sex movies
    xxx videos
    teen sex
    porn movies
    porn videos
    search porn tube
    redtube
    red tube
    xnxx
    porno
    lesben porno

    ReplyDelete

  61. You make a lot of effective arguments within this blog post however its difficult for me personally to concentrate on this great article because of the broken layout.

    ReplyDelete

  64. So it is a federal crime to blur out a face,
    remove tats and add writing on a photo that may be used for an escort ad? You've got to be kidding. Then there are thousands of guilty parties out there if that is the case.

    web hosting
    business web hosting
    affordable web hoting
    website hosting

    ReplyDelete

  68. This is a great blog,I like this post it is very good and informative. I am sure that this post will be very much helpful for people.
    Dissertation Writing Services

    ReplyDelete

  69. Thanks for share , this is a great post..

    paket wisata bromo

    ReplyDelete

  70. Valuable information and excellent design you got here! I would like to thank you for sharing your thoughts into the stuff you post!!

    Ecommerce solutions australia

    ReplyDelete

  71. Wow thank you this is just what I have been looking for - great work please check my post!!!!

    Sample Essays

    ReplyDelete

Great! You've decided to leave a comment! Please bear in mind that comments are often moderated and that rel="nofollow" is in use and spammy comments will be deleted. Let's have a meaningful conversation instead. Thanks for stopping by!

Subscribe to: Post Comments (Atom)

Advertise on Blogger Buster

Browse through the Archives

All existing posts are still available to view while I'm working on the site, albeit seen in a much simpler interface. Feel free to browse through the archives to find tutorials, templates and articles to help you build a better blog:

Blog Archive

Connect with me:

9rules
© Blogger Buster 2010 Home | About | Contact | Hire Me | Privacy Policy