How to Add Contact Form Widget to Blogger

How to Add Contact Form Widget to Blogger:

After long wait finally Google introduced a new Contact Form Widget on May 16th 2013, this contact form will fit into your blogger sidebar

Why should I add Contact Form widget to my blogger?

•   If you add contact form to your blogger, visitors can easily interact with blog owner
•  You no need to reveal your Email address to visitors
•   No need any 3rd party code 
•  You can easily integrate Contact Form in blogger 

This tutorial helps you to add Contact Form Widget to your Blogger

Step 1: Login to your blogger

             

Step 2: Go To the Layout of your blog

                     

Step 3: Click On add a Gadget                

Step 4:  One pop up window will open, Select More Gadgets options 

Step 5: Select Contact Form Widget

                       

Step 6:  Name it as Contact Form (You can give any name) and click on Save Button

                       

Now the Contact Form is added to your blogger sidebar, save your blog layout and click on view blog (or) Preview button to see your blog layout

                   

Contact Form contains 3 Fields

Name: Name of the person who is sending you a message

Email: Valid Email of the person who is sending you a message

Message:  Message that the person want to send you

After entering above 3 fields, if user interacts with Send button then message will send to blog owner inbox directly

Testing:

Open your blog fill the Contact Form

                        

Click on send button, then message will send to blog owner mail

Then Check your mail id

           

Open the mail, It contains the message and sender details 

                 

Done

Enjoy :)

Thank you for visiting how2doit.in, if you find any error in my post, please let me now in the comments  

Read more ...

How to Show HTML/CSS/Java Script codes in a separate box on blogger post

How to Show HTML/CSS/Java Script codes in a separate box on blogger post:

If you want to show your HTML or any other code in a separate box in blogger post you have to add some CSS code to your blog template

Step 1: Login to your blogger

Step 2: Go to Blog template 

             

Step 3: Click on Edit HTML

                       

Step 4: Search for ]]<>/b:skin>  code in your template

                      

Step 5: Copy the below source code and paste it before ]]<>/b:skin> 

.how2doit{
margin :10px;
padding :6px;
background : #efefef;;
height :100px;
border : 1px Solid #81F7D8
overflow:auto;
text-align:lefy;
}

       

Click on save template

6.  If you want to insert any code in your post always write your source code in between

 <div class="how2doit"> Source Code </div>

Ex:

Go to your post editor write bellow code

             

Publish your post and see the result

   

Done

Enjoy :)

Thank you for visiting how2doit.in, if you find any error in my post, please let me now in the comments 

Read more ...

How to add your blog to Google blog search

How to add your blog to Google blog search:

Google blog search is one of the Google technology focused on blogs and it provides fresh and relevant information, Google blog search is one of the best way to increase your blog traffic

This tutorial will helps you to submit your blog URL to Google blog search

Step 1: Go to http://blogsearch.google.co.in/ping

                    

Step 2: Enter your blog URL S(Ex : blogname.blogspot.com )

                           

Click on submit button

You will get following message

                                  

It will take several days to index your pages in Google blog search

Enjoy :)

Thank you for visiting how2doit.in, if you find any error in my post, please let me now in the comments  

Read more ...

How to Add/Submit your blog/website to Google search engine:

How to Add/Submit your blog/website to Google search engine:

Search engines are one of the best ways to increase your blog traffic, Google is the major search engine it will take some time to index your blog/site , so you can manually submit your site/blog to Google is free and it is very easy to do

This tutorial will help you to add you Blog/Site in Google index

Step 1: Go to Google site submit page (http://www.google.com/submityourcontent/)

                                    

Click On Participate 

                                

Click On Add your URL

Enter your blog/site URL (ex : www.sitename.com ) and Word verification as shown below and click on Submit Request button  

                   

Once if you click on Submit Request button your work is done, you will get following message

                         

It will take several days to index your pages in Google search

Enjoy :)

Thank you for visiting how2doit.in, if you find any error in my post, please let me now in the comments  

Read more ...

How to Blog: How to Add Multiple Authors to Blogger

How to Blog: How to Add Multiple Authors to Blogger

Multiple Authors means, basically one person creates the blog and he is giving permission to other person to write on his blog also known as TEAM BLOGGING , Blogger provided a facility to add multiple authors to one blog, you can add up to 100 authors or co-authors.

Authors are two types

1. Admin

2 Non-admin

Admin have the permission to edit posts delete posts, add and remove authors , To change blog template and to edit template code ,to change blog layout , but Non-admin only have permission to Create post and edit their own post

Below steps help to add Authors to your blog

Step 1: Log in to your Blogger (www.blogger.com)

                   

Step 2: Go to blog setting ->Basics

                    

Step 3: Click On Add Authors

                  

Step 4: Enter the Email address of the person that you're inviting

              

To add multiple authors at a time, enter mail id's and separate with a comma

      Step 5: Click on Invite button, and they will get an invite mail        
                 

      Then they will get mail like below

                

Click on that link to accept invitation, and then you will get below screen

 Click on Accept Invitation button to access the blog

          

Once if your team member accepts your invitation, go to blog setting ->basic then you will get screen

         

If you want you can make him as an admin, other keep him as Author

Enjoy :)

Thank you for visiting how2doit.in, if you find any error in my post, please let me now in the comments 

Read more ...

How to Add a Widget to Blogger

How to Add a Widget to Blogger:

Widget is also known as gadget, it is a small tool or applications used to add content or program to blogger / website

This article helps you to add gadget to your blogger

Step 1: Login to your blogger account

Step 2: your blogger dashboard will open, where you can see the list of blogs you created

              

Step 3: Go To the Layout of the blog

             

Step 3: Click On add a Gadget

          

Step 4:  One pop up window will open, it contains list of available gadgets, select required gadget 

                 

 

Step 5: Add gadget to blogger

              

Click on Save, widget is added to your layout click in save arrangement

       

Enjoy :)

Thank you for visiting how2doit.in, if you find any error in my post, please let me now in the comments  

Read more ...

How to Redirect Blogger 404 Error (Page not found) to home page/Any other webpage

How to Redirect Blogger 404 Error (Page not found) to home page/Any other webpage:

If a user goes to non available URL on your blog , then blogger will display 404 error, at that time there is a chance of  user lose  impression on your blog ,so this tutorial will help your to redirect your blog from 404 error to home page/ any other webpage 

1.                   Go to Settings > Search preferences > Custom Page Not Found.

 Click Edit button as shown above and paste the below source code

Above source code first 2 lines is a message, we can write any message

Here I am redirecting my blog to Home page

If you want to redirect you blog other than home page, you have to change the above source code

In above source code replace PATHNAME with HERF, and replace "/" with your destination URL(Ex : http://www.myblog.com/tutorials )

In above source code 4000 means it's a time delay in milliseconds, you can use any number, if you set time delay as Zero means redirect immediate without any time delay

To test enter any URL which doesn't available in your blog like http://www.yourblogname.com/xxxxxx

At that time it will display message and it will redirect to your home after 4 seconds 

Enjoy :)

Thank you for visiting how2doit.in, if you find any error in my post, please let me now in the comments 

Read more ...