Best Websites to Learn Computer Languages Online (HTML CSS JavaScript and PHP)

Computer languages are the base for every Blogger and webmaster without having its knowledge we cant do or create any single page for our Blog or website so I have decided to share few Best Websites for beginners to Learn HTML, CSS, JavaScript or PHP Online because without having knowledge about this basic computer language may be we have to face so many problems as you have seen all the websites and Blog are designed with this type of different language and these are the basic languages to know and learn for every webmaster and Blogger. Before I was also completely unfamiliar regarding this type of knowledge but day by day I was learning all these language online and try to use all the tags and codes to understand properly. So, today you will be notified with best websites where you can learn basic HTML, CSS, JavaScript and PHP easily.

learn online java css html

 

 

Related:-Five Free and Best HTML Editors

 

Best Websites to Learn Computer Languages Online (HTML CSS JavaScript and PHP)

Learning the above languages will help you to create your custom website layout and templates, Widget Generators, Blog or Website Gadgets/Widgets etc. Check the below list and start learning.

 

 

W3School

The top and the best website where you can easily learn the above mentioned languages in very short time by keep practicing. Its support HTML, JavaScript, CSS, Php, ASP.NET, XML etc. All the tutorials you can find by visiting the above link to learn about these languages with realtime HTML editor with live preview.

 

HtmlCodeTutorial

Another Best platform for learning and gain knowledge for the computer languages to create custom webpages. Simply Visit the above site and learn the most useful codes and lauguages.

 

Check:-

 

TutsPlus

A website to teach you HTML and CSS with Online Video Courses to well understand every single code.

 

 

HTMLDog

This one is also great place to learn about the computer languages i.e. HTML CSS and JavaScript.

 

Related:- Most Usable CSS3 Design for Bloggers Label

 

Bottom Lines:-

I have just written very small description for every website because all the website have almost same purpose so learning HTML JavaScript CSS and other computer languages are very necessary for the Blogger in his career because sometimes we have to create something new and for creation we must know tactics and knowledge so keep practicing and learn the knowledge. Any further assistance you can ask by replying in the article. Subscribe Our RSS Feeds to Get next update directly in your inbox. Regards

CSS Scroll Bar for Blogger

Every Blogger is always trying to make his/her Blog looking more beautiful than others “me also ;)” for that we all are trying to do our all efforts for getting such wonderful tricks, beautiful and SEO friendly templates as well as widget and plugin and give our Blog such a dynamic look. Hope you read my previous post in the serious for blogging tutorials about Add Four Column Custom Footer in Blogger this time I have another plugin for your Blogger Blog which will help you to make your Blog more beautiful. This the Beautiful CSS Scroll Bar. After installation of this code new beautiful CSS scroll will appear instead of your regular scroll bar in browser.CSS scrol bar for blogger

Check Blogger Related Articles.:-

  1. Mouse Hover Cool Social Media Subscriber Widget
  2. Auto List Creator for Blogger Post Label by Label

 

 

How to Add Beautiful CSS Scroll Bar for Blogger.

There is no any huge work for installation of this plugin. Just follow the give below step for installation this CSS Scroll Bar Plugin.

Go to Blogger DashBoard >> Template Section >>Customize Template >

Go to Advance Section and Custom CSS >> Paste given Blog code in Custom CSS.

/* Webkit Scrollbar */
::-webkit-scrollbar {
width: 15px;
}
::-webkit-scrollbar-track {
background: #FFFFFF;
-webkit-box-shadow: inset 1px 1px 2px #E0E0E0;
border: 1px solid #D8D8D8;
}
::-webkit-scrollbar-thumb {
background: #646464;
-webkit-box-shadow: inset 1px 1px 2px rgba(155, 155, 155, 0.4);
}
::-webkit-scrollbar-thumb:hover {
background: #AAA;
}
::-webkit-scrollbar-thumb:active {
background: #888;
-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
}

 

Click on Apply to Blog Button and Checkout you Blog homepage.

Read :-Best Ways to Make Money from Free Blogging Platforms

Bottom Lines

For any further assistance you can ask by replying in this post. Feel free to share this post with your friends. Waiting for your positive feedback.

How to Host JavaScript & CSS file on code.google.com

before few days I have shared an article regarding how can and where can we upload HTML CSS and JavaScript files and I shown you complete tutorial about the upload of HTML CSS and JavaScript files on Google Drive and also I have mentioned there that was method -1 so now its time for another method for upload JavaScript & CSS file on code.google.com.

How to Host JavaScript CSS file

Related Articles:- 

Jump to Content Anywhere Inside a Page

Jump to Content Anywhere Inside a Page

 

How to Host JavaScript & CSS file on code.google.com

First on all you have to get any script inside the JavaScript embedded file.
Get the script as per image shown below

code.google.com javascript hosting

And paste in notepad with the extension of “.js” it will be “your-script-name.js”

code.google.com CSS Hosting

Now go to http://code.google.com/hosting/ and click on the create new project

Fill all the fields as per image shown below. In the version control click on the Mercurial and Select GNU GPL V3 in the source code license

Now from the top right click on the my favorite and select project then go to download section and click on the new download

Now again fill the fields as per requirement give a summary and write a small description for your file and click on the Browse button then select you file and click on the submit button.

Now click on the uploaded file and right click on it copy link location. You have all done.

Now you can embed this script wherever or whenever you want.
For example this is the link of uploaded JavaScript
https://widget-tipstricksisland.googlecode.com/files/javascript.js
embed it like this

 

<script scr=https://widget-tipstricksisland.googlecode.com/files/javascript.js type=”text/JavaScript”/> 

 

Bloggin Tips:- 

 

How to Host CSS files on code.google.com

For Hosting CSS file on google code you have to follow all the above steps just the different is embedding option how to embed CSS file check below
For example
https://widget-tipstricksisland.googlecode.com/files/your-css-fil.css
embed it like this

<link rel=“https://widget-tipstricksisland.googlecode.com/files/your-css-fil.css”/>

Bottom lines

Hope you have understand this still I will share another tutorial for hosting CSS JavaScript and HTML files on the Dropbox so stay connected with us and Subscribe our RSS Feed and Get all the alerts in your inbox also don’t forget to follow our social media community.

Hosting of HTML, JavaScript and CSS files Method-1

It has been asked from me time and again through email, phone calls and by commenting in such post from my visitors about hosting of HTML, JavaScript and CSS file. In this post I will guide you complete tutorial about how can we upload HTML, CSS and JavaScript file on Google Drive. As I have seen all the blogger are creating nowadays widget generators and due to copying/stealing of Generator such bloggers try to hide and escape our script and style sheet from being copied. So in this tutorial I will guide you about where can we host HTML, CSS and JavaScript files easily. in few days I will post another method for so subscribe us and don’t miss for that one.

how to host javascript file

Another Related Articles for You

How and Where to Host HTML, CSS and JavaScript File (Video Tutorial).

Here I will highly recommend you for this method to use Google Drive. Its very easy to use and safe for uploading and hosting of CSS, JavaScript and HTML files.

First of all what this video

I think you have understand how can we upload or host JavaScript Files on Google Drive.

Benefits of Hosting Files on Google Drive.

As I have already posted regarding this topic topic in two different posts (check above in the related posts). But something I should mention here about the benefits and why we should use Google Drive for hosting File and CSS JavaScript or HTML.

  • 1- Google Drive provides us upto 5GB Space free and maximum bandwidth. If case of storage full you can easily upgrade your account and get another space.
  • 2- Google Drive allow us to upload all type of file such as spreadsheet and presentation Videos with the embedding option (I will post about it later).
  • 3- Google Drive has also designed an option of privacy for its server. You can easily make any file or folder Public, Private or Shared with Just Specified Peoples.
  • 4- You can share your file on Google Plus, or wherever you want easily.

 

How to Host CSS file on Google Drive (Step by Step Tutorial).

As I have shown above you complete tutorial in my video, about the same topic here is manual guide.

1-First of copy any CSS or JavaScript and paste in Notepad

how to host html files

2-And save it with the name of yourcssfilename.css means with extension of CSS “.css”

how to  host css files

 

3-Now go to Google drive and create a public folder.

where to host css files

host javascript html css files google drive

4-Then upload CSS file which you have made from the Style in Public folder.

Tutorial for Hosting CSS JavaScript HTML

5-Now here is the main thing which I am trying to share as I have highlighted above the id of each uploaded file on the googledrive now what you have to do for sharing this CSS file by embedding follow the giving below tips.

And embed the link as per give blow code

<link href=”URL-of-uploaded-file-of-google-drive” rel=”stylesheet”/>

 

How to Host JavaScript file on Google Drive

Nothing different follow all the above steps from 1-5 in the CSS hosting Section just and copy create the host link as per above steps.

<script scr=”URL-of-uploaded-file-of-google-drive” type=”text/javascript”></script>

And you have all done.

And same pupose for hosting HTML file.

Other recommendations:-


Hope all you have understand about how and where to host HTML, CSS and JavaScript File easily. For any further assistance you can ask by replying in this post as soon as possible you will get reply.

Follow us on the Following Social Media Networks and Get Free Email Alerts by Subscribing our Daily Updates

>> Rss Feeds >> Facebook >> Twitter >> Pinterest >> Linkedin >> Youtube <<

 

Most Usable CSS3 Design for Bloggers Label

In this post I will tell you how you can make your blog labels more beautiful, as much as you can change all of your blogger design with applying beautiful gadgets and manual working with CSS or HTML. Today, I want to tell you how you can make your blogger labels more beautiful as everyone want his blog is lovelier than others and looking more professional. I have just started postings about how to make beautiful and SEO friendly Blog. This post is one of them still behind I have lot of topics about same for making make beautiful and SEO friendly Blog. In here I will guide you an amazing CSS design for Blogger Labels which is used by most of the blogger and more likable.

blogger label CSS design

Also Check here our latest Blogging Tips .. CLICK HERE

What is Labels and How to Label a Post in Blogger?

Labels in which you are categorized you blogger posts for your visitors to search every post by giving a simply Tag like if You have written a post for Blogger Traffic you have to give set it Label SEO. I have observed that most of the visitors after reading concerned post first of all they find categorize or tags of your blog and try to more explore your blog for that it necessary that your Labels must looking attractive to your visitors. So first of all here I will tell you how you can set a label in Blogger Post. Follow these step..

Write a New Post in Blogger >
In the right side of post editor there will be Sidebar of Post setting
Below there is also Label as per showing image below

label in blogger

Now after writing your post, Label You post as per theme of your post, and publish, once you have applied a Label system will store it. If you can’t see labels in you blog I will tell you how to appear labels on blogger blog.

Go to Blogger Dashboard > Layout > Click on Add a Gadget Button

A popup window will appear try to find there Label Gadget and configure label setting as per image shown below for current CSS design for your blogger.

configure blogger label

Apply CSS3 Design for Blogger Labels

Now we come to the topic whatever we talk above it was applying Labels for your blog now I will tell you we can it beautiful with the following CSS Script.

.cloud-label-widget-content span a{margin:0 2px 6px 0;padding: 3px;text-transform: uppercase;border: solid 1px #6666FF;border-radius: 5px;float:left;text-decoration: none;font-size:10px;}.cloud-label-widget-content span a:hover {border:1px solid #FF0099;text-decoration: none;-moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out;-moz-transform: rotate(7deg); -o-transform: rotate(7deg); -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); }

Copy above code and Go to Blogger Dashboard > Template
As I have already told you before any editing in HTML you must backup your template Click here for more.
EDIT HTML > Check on Expand Widget Templates
Find ]]> and paste above CSS code before ]]>
Now save your template and refresh your blog. You find beautiful CSS Labels on Your blog.

beautiful CSS Label blogger