How To Host JavaScript And CSS Free On Github

0
Hosting your javascript and css file for blogger on github
Are you Facing problem in hosting JavaScript or CSS for your blogger website? Today in this article we are going to explain How to Host Free JavaScript and CSS For blogger on Github.

What is Github?

Github is started in  2008 and in 2009 github becomes the most popular open source project hosting website. Github is the Online web based Git Repository hosting site for projects, Software and development of any kind projects. Github provide Free hosting service and Commerical packages open source projects.Also includes source-code browser, in-line editing, wikis, and ticketing. Free for public open-source code.

How To Upload JavaScript and CSS on Git Repository For Free

Installation Steps:
Step 1. First visit the https://github.com
Step 2.  Now Click On Sign Up Button.
sign up on git hub
Step 3. Now Create Your Username , Add email Address and password for creating account on Github.
enter your username , email address and password for creating account
Step 4. Now Go to your email and activate the Github Account.
Step 5. Now We will Create new repository [or you can say new folder].
create new repository in github
Step 5. Now After clicking on New Repository , enter your website or blog name or any name your want to give for your project.
how to create new repository for hosting projects in github
Step 6. Now Create your javascript or CSS file name and Paste the Code snippet in the box.
add javascript , css or project in github
Step 7 . Now Hit the Commit new file button just below the Code box.
commit new file in github
Step 8. Now you need the file link.For that just go to your repository and click right mouse button and copy link address.
right click on repository to get url
Step 9. After copying the url you need to open https://rawgit.com and just paste the url in the box 1 and after that you need to copy the production url for your website becuase in the production url there is no limit of traffic and files are servedfast global CDN and 2nd url for development you can use development Url for  hosting your own website or blog Files on github.If you are sharing Code snippets with the readers you must use production url.
copy the url form rawgit for the website

Step 10. After Getting url you can add or share javascript or CSS for your blogger template.To add Javascript in your website use development url like this:
<script src='https://rawgit.com/ishekharsingh/bloggersstand/master/multitab.js' type='text/javascript'></script>
and to share code with your readers you must shared production url with your visitors like this:
 <script src='https://cdn.rawgit.com/ishekharsingh/bloggersstand/master/multitab.js' type='text/javascript'></script>
 Step 11. To Add CSS Stylesheet in your blogger use this tag:
<link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/ishekharsingh/bloggersstand/master/multitab.js"/>
Tutorial on hosting free javascript,css stylesheet ,open source projects on github for free.Upload your blogger blogspot website js,css file on github repository for free.
Are you Facing problem in hosting   JavaScript  or CSS for your blogger website? Today in this...
SUMMARY

Tutorial on hosting free javascript,css stylesheet ,open source projects on github for free.Upload your blogger blogspot website js,css file on github repository for free.

You Might Also Like:

We hope this article helped you to learn How To Host JavaScript And CSS Free On Github. If you have any question or any complication please don't hesitate to ask us.You can drop your message below in the comment box or you can Contact Us!. If you liked this article please join us on : Facebook | Twitter | Google+

SUBSCRIBE ARTICLES BY EMAIL

Post a Comment Blogger Disqus

0 Comments on "How To Host JavaScript And CSS Free On Github" So Far
Out Of Topic Show Conversion CodeHide Conversion Code Featured Post

MARKUP FOR WRITING COMMENTS:
1. To Insert Code Length Use<i rel="pre">Code Here</i>
2. To Insert Short Codes Use<i rel="code">Code Here</i>
3. To Insert Quote Use<b rel="quote">Quote</b>
4. To Insert Image Use<i rel="image">Image URL</i>
5. To Insert Video Use<i rel="youtube">You Tube Url</i>

Note: You Can Also Convert Your Code Directly From The Conversion Box.
--------------------------------------------------------------------------------------------------------------------------------------------------------
Please drop your comment according with the topic and feedback with hyperlinks may be removed.Thank you.
Regards:
Team Bloggersstand