Learn HTML, CSS and JavaScript Online For Free

HTML, CSS and Javascript are three basic requirements for any web designer. Php is also essential but i am focusing on above three. If you know all these you are successfull web designer. You can earn handsome amount of money by sitting in your room. There is big market available online who are searching for talent. You can work on any freelancing site like odesk, elance and freelancer. These sites are providing quality services all over the world.
There are many ways to learn HTML, CSS and Javascript. You can join your nearest academy or any other institution for short course where you can learn and practice. They will charge you small amount of money. They will also give you certificate of your performance. There is another way where you can learn free and can practice it. 
Online learning is the most modern and free system of learning. You can watch different tutorial on youtube, read different articles of web and to join those sites which offer these courses for free.
Today i will tell you about three differnt sites where you can learn these for free. Some of them also give you certificate of your work. Lets see each of them in detail.

 w3schools

w3school is the most popular and largest source for free learning of these courses. They will teach you from basics and make you expert.They are currently offering these courses. 

• HTML 5 and HTML 4
• CSS 1, CSS 2 and CSS 3
• Javascript
• ASP.NET
• XML
• JQuery
• Php

Beside these they also offer different courses like web hosting, SQL and many others. They have very well designed system of learning. With every tutorial they offer Examples and also window where you can practice all you have learn. They also have quiz test system. You can learn all of these courses without any tutor. This site is highly recommended by me for any beginner.

codecademy

Coedcademy is another one of the famous site for learning HTML,CSS and Javascript for free. Their method of teaching is free friendly. You can save all your past work and results by creating account on this website. The courses offer by this website are

• HTML
• CSS
• Javascript
• Python
• Ruby

You can learn anyone of these. Just select your field of interest.  Line by line coding method will help you in many ways. These courses are absouletely free and even not a single penny is charged by you. They also offer window to practice all of your learning online. They keep track of your record so that it can be used further.

HTML.net

This is another free website where you can learn these courses. The unique thing about this website is they explain each and every things in details. They don't have any window to practice your code. You can use window of any of above two. The course offers by HTML.net are

• HTML
• CSS
• Javascript
• Php 
• ASP

They have explained well each and every thing. They also have forum and active community. If you face any problem you can directly post thread on their forum and people will happy to help you. 
I have mention details of each site. Its up to you which one you choose. All of three are best. Be a designer and think big. The success will surely touch your feets. 
Get subscribed to get daily updates. have a Nice Day.       

Read More

Reduce Image File Size Before Adding in Blog Post - Image Optimization

Have you ever visited any website that takes too much time for loading? There is no problem with that website. Its all due to it's high page size that includes high quality images and other multimedia and javascript files. Image files greatly effects performance of your blog if they are not well optimized. There are so many tools avaliable online that reduces your file size and but i will teach you about one of the basic tool. It will not take your much to upload your file and the to download. You can manually control all of your requirements. Its an awesome tool. Friends it's Micrsoft office pictu tool. 

Below i will guide you how to reduce size and pixels of any image. Bloggers usually need 200×200 size image. You can easily reduce file size and pixels using this tool.

Some bloggers who directly add image to their blog post and make it small, large or of any size using blogger given option usually they don't get any benefit instead they are increasing load time to their blog posts. So it's very essential to reduce file size online or by using Microsoft tool. Lets see below how we can reduce image size and pixels.

You first need to have office. Download any image from net or if you already have you can use that image.

Reducing  Size of image

Here i am using 1MB size of image. It is 1920×1080. I will resize and you will see the results.

 Follow below steps.

1. OPen your Microsoft Office Picture Manager. Select any Image file that you want use in between your posts. 

2. Select edit picture. Side pan will open and you will see different options.

 

4. Select Compress pictures. You will prompot to next step.

5. Now select webpages and click on ok. This option will automatically reduces your image size that is best for your website.  [My 1MB file size was converted to 68kb file.]

6. Now click on save option and give path to save file. Remenber this must not replace your original image file if you want to use that else where.

Now this is done but if you want to manually resize your image and its size you can do that. 

7. Go back and select Resize option. You can resize your image by percentage of original or by entering manual size.

8. Go back and you will see another option crop. Using this option you can crop your image.

There are also some other options you can use them in your own way.

This option is simple for reducing image size. You can also use Photoshop or anyother online tool. 

This is all for today. Using this tool your webpages speed will never be slows down. Google bot like those pages who loads fast. It will keep those pages for first page of Google. You can also say that Image optimization is part of SEO. Hope you have liked my tutorial. Get subscribed to get daily updates and don't hesitate to give comments. Have a Nice Day.  

Read More

Top 10 Ways to Increase Comments on Your Blog-2

In the previous post i was talking about how to increase blog comments. I mentioned 5 different ways to increase blog comments. Today i will tell you 5 more ways to increase blog comments. Applying these strategies you will maximum result Above all traffic is an important factor for increasing comments. 
Read previous post

• Top 10 Ways to Increase Comments on Your Blog-1

6.Insist Visitors to Comment

At the end of each post ask your visitors to comment. Ask them to give you useful tips. Make beautiful comments design for your blog. Mention some extra things in post. Give your opinion about any certain topic and ask your visitors to add their opinions in comments. Force your visitors to comment.

7.Ask Commentator To Subscribe For Reply

Write short message above comment box to subscribe for reply. If they comment and are subscribed they will be notified and there is maximum possibility that they will comment again. Engaging your visitor in these type of discussions will result in increasing number of comments.

8.Give Reply To Every Useful Comment

Give reply to everyone. In reply appreciate your visitor comment. Say thanks for adding comment. Ask them to subscribe and write funny and intresting reply. Understand the nature of visitor. Don't reply to spam comments. 

9.Allow Comments Having Links 

Allow comments with links but never forget to add no-follow attribute for all of your links in comments section. Adding no-follow tag will secure you from goolge plenty. By doing this you will get two benefits one is from search engine and other through your visitor. So in short allow them to add links but no-follow.

10.Remove words verification and login hurdles

Most of the peoples don't comment just because of login requirment and verification system. Basically these systems are designed to remove spams but it also effects real comments. So removing these barriers you will get ton of comments in short span of time. 
These are some methods to increase blog comments. This all can be done very easily if you have high traffic rank. Traffic is very important in increasing blog comments and following these proper steps. 
That's all for today. Hope you will like this. Give your feedbacks and suggestions. Have a Nice Day.

Read More

How To Optimize Images In Blogger For Better Search Engine Ranking?

Image optimization is very important in ranking your blog/site. It's very strange but true that if you optimize your images properly you will get 20% to 30% of blog traffic in bonus. To  gain this traffic you must know what is image optimization and how to do it?It's very simple and easy way. You need not more than seconds to properly optimize your image. There are some important things that you must know while doing image optimization.
Let's see how to do image optimization and things that you know while doing image optimization.

Give Image File a Name

Mention Image file name. When you create some image file that give it relevant name with respect to your topic. Currently google don't have capability to recognize what is going on image. You must need to rename it from untitled to relevant topic name.
Showing below the google results for "stretching vertical navigation menu" search :

Add ALT Attribute To Your Images

Google spider searches for alt text mention on any image. It basically describes what is going on that image. When some one searches on Google Images it automatically display relevant images with the help of alt text mention on that image. If you don't mention alt text on your image it may be disappear from Google search results and you will get nothing from that image. So proper alt attributes significantly improve your traffic.

Focus on Image File Size

 Large images results increase in page load time and visitors dissatisfaction. This will result in decrement of your page rank and traffic. You must properly optimize image so that file size must not exceed from limits or image may not get blurred due to very low size. Keep the image file size to minimum and quality of image must not be disturbed. 

Write captions below each image

There is no such importance for writing captions but for making your blog data and images user friendly you must mention captions. It will decrease your bounce rate.
What is bounce rate?
Number of user limited to only one page view.

Add Relevant Image In Your Post

Image related to your post result in better visitor response, decrease your bounce rate and you will receive traffic from Google Images. Famous saying about relevant image:
"A picture is worth a thousand words"An image can describe so many things that you are unable to teach your audience.

Visit these pages you will find informative things.

• Famous 101
• Famous Economists
• Famous Books

Optimize your image to increase your search engine ranking. Follow these steps and keep them in minds. I hope this article will help you in understanding image optimization. Have a Nice Day.

Read More

How To Add Sitemap To Your Blog ?

Do you know what is sitemap? How can we add sitemap to your blog? Basically sitemap is page or URL of post where you can show all of your recent and old posts. Basically it is collection of all the stuff that you have published. You can build sitemap by yourself adding every single post on single page and giving link to all of your posts. But it's very crucial activity. You need to update every time you post and there is possibility that you may miss anyone of them. There are so many ways of adding sitemap to your blog automatically. I will tell you very easiest and simple way to add sitemap to your blog.

Note: Keep in mind that we are adding/Creating this for your blog not for Google or Bing search Engine.

Coming Series On Sitemap

How To Add Sitemap To Your Blog ? (Current)

------------------------------------

----------------------------

Let's see how to create this sitemap and how to add it in blog

Creating Sitemap and Adding it to Blog

 1. Go to blogger and select your blog.

2.  Go to Pages ==> New Page and select blank page (Add text and media).

3. Select HTML(Next to compose) and copy below code and paste it in it.

<script src="%20https://dl.dropbox.com/u/24344387/How%20Do%20Blog/sitemap%5Bhowdoblog.com%5D.js"><br></script><script src="/feeds/posts/summary?alt=json-in-script&%0Amax-results=500&callback=loadtoc" type="text/javascript"><br></script>

4. Give Title name as Sitemap and Click on Publish.

5. Copy the link of that page and paste where you have menu items and name it as sitemap.

6. View that Page you will see all of your posts listed according to labels. Also the posts that are recently published have tag of [ Recent post ] .

If you face any problem anywhere while following this procedure you can mention it in comments. if you like this article get subscribed to get regular updates on same topics. That's all for today. Have a Nice Day.

Read More

How To Become Successful or Professional Blogger ?

Do you know how to become famous ? Do you know how to become a celebrity ? Do you know how to become star ? If you don't know i will tell you in very simple words.
" Do something Unique "
If you want to become anyone of the above you just need to do some unique things, or to play some unique roles. This uniqueness will lead you to anyone of the above that you desire.
Today i will tell you how to become a successful and professional blogger. There are some rules and some traditions that you need to follow to become a successful or professional blogger. First of all you need to follow me above rule, other things come after this.

1. Know Your Readers

You first need to know will be your readers, You must know from where your visitors will come and what will be there interests.

2. Pick up Good Title for each Post

Each post you write must have unique title and must be selected after using google keyword tool. Your post title must not exceed more than 70 word. Give a better font and size to your title so that it must not be difficult to read. Don't use any such type of template that makes your readers difficult to read your heading. Use tags for your title posts.

3. Write Quality Contents

 Write quality contents for your blog. Don't copy paste anything from web. If you need help about your topic, read some articles from web and explain them in your own way. Write in simple English, don't use any type of confused or difficult English. Write minimum of 500 and maximum of 1500 words article. Never exceed above that because visitors when see very huge post they just left that page. Keep in mind these things while writing on any topic. Below 500 or 600 words posts, you don't get better results from search engines. Use Words and Characters Counter tool to Calculate words. Don't show your readers that you are following someone. They will leave you and will follow that person whom you are following.

4. Encourage Comments from Visitors

Encourage comments on your blog even if the visitors are spamming. Don't delete their comments. If number of comments increase too much just close that post for further comments. The readers how are really interested in your blog often don't comment. They just read the information and go away. In one research it is concluded that from 10.000 visitors you will get, only 0.1-1 % get subscribed to your feeds or share your post on any social media. Make all comments links nofollow so that your google page rank may not effected. 

 5. Use Quotation in your posts

Use some famous and topic related quotes in your blog. Give them a different color and background. Use "" and write quotation in between these. This will give a very good impression on your posts. I am giving you some links to famous, inspirational and helpful Quotes. 

•  Inspirational Quotes
•  Helpfulness Quotes
•  Famous Quotes

6.Guest Posting on other Popular Blogs

Guest posting gives you good ranking in search engine because of your links on high rank page blogs. Also in your blog give option to other bloggers so they can write Guest posts for your blogs also.

This is for today. I hope you will like my this post. If found any problem don't hesitate to give comment. Will post some other ways in my next post. Wait for that. Have a Nice Day.

Read More

How To Customize Author Comments In Blogger ?

Comments plays an important role in increasing your blog popularity. More efficient you manage your comments more you will get loyal readership. In comments mostly peoples discuss about their problem but there are also spammers. You have no concern with spammers but you need to be focus on your loyal or regular visitors. Most efficiently you manage more you get the traffic. For this you need to have unique comment session so that you visitors don't need to read each and every comment. So for doing this we must make our comments different from others. So today tutorial will only tell you how to customize your comment session. Let's see how to do this.

Customize Author Comments in Blogger

1. Go to your Blogger account.

2. Go to Blogger Dashboard==>Templates==> Edit HTML and then click on proceed(Check Expand Widget Template).

3. Now search for below code by pressing Ctrl+F.

<p><data:comment.body/></p>

4. Replace this whole line with the code below. 

<!--author comments highlighter by http://www.howdoblog.com--> <b:if cond='data:comment.author == data:post.author'> <p style='border:1px solid #008e00;border-radius: 10px; color:#C33838;font-size:18px; width:480px; font-family:Cambria ; padding:5px;'> <data:comment.body/></p> <b:else/> <p><data:comment.body/></p> </b:if> <!--author comments highlight End by http://www.howdoblog.com-->

5. This will look like below.....

6.If you want change you can customize it by yourself. 

• border:1px solid #008e00  (Change width of this round border and its colour)
• border-radius: 10px   (How round these corners should be ?)
• color:#C33838   (Color of font used)
• font-size:18px   (Font Size)
• font-family:Cambria  (Font Family, You can change to anyone you like)

This is all for today. If you feel any problem do mention in comments. I will surely try to help you out. Subscribe to get all of updates. Have a Nice Day.

Read More

How To Display Author Profile in Google Search Results

Google is introducing some new features that are very interesting. One of the feature that i like is displaying your Google+ profile link and profile image with the article you have written, in google search results. This new feature increases your search engine traffic. It also attract visitors due to visual effect of your profile picture. In short we can say that it's awesome feature.

Let's see how to enable this for your blog/website.

Author Profile Photo in Google Search Results

1. First of all you need to create one Google+ account. Click here to create new Google+ account. If you already have you just leave this step.
2.Go to edit profile and enter every thing in details that is mentioned there.(Including Introduction, Education, Employment Tagline and everything else)

3.Last two Options are most important.

    Links: Add Link to your blog/website there.
    Contributor To: Add Link to your blog/website there.

4. Now save the profile and go to your blogger account.

5. Create About Author or About Me page. Write details of your self and add this code

<a href="Profile-URL" rel="me">Author name</a>

6.Replace "Profile-URL" with your google+ account URL and add your name.

7.Copy and paste the below code.

<a href="About Me-URL" rel="author">My Short Intro</a>

8. Replace "About Me-URL" with your blog page URL where you have written your introduction and something about you.

9.Now go to Google Snippets tool and enter your blog URL. You will see your blog and your Google+ profile image. 

Now you are done.

This is very useful. After doing this i observe increase in my blog traffic. If you feel any problem or don't understand anything let me know. I am always here to help you. That's all for today. Have a Nice Day.

Read More