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 Create A Blog On Blogger

How To Create A Blog On Blogger :

Blogger is a google free tool  to share your knowledge with world , and you can earn some revenue by sharing your knowledge

This article helps you to setup your blog on www.blogger .com

Step 1: Go to www.blogger.com

Step 2: If you have Google account (Gmail account) sign in to your account using your username and password, if you don't have Gmail account create new account 

Step 3: Once if you login to your blogger , you will find below screen

 Click On "New Blog" button to create your blog

Step4:  Enter your Blog Title and Blog URL (Select Available URL) , and select Starter template ( act as a layout/design of your blog later if you want you can change your template) of your blog.

Step 5: Now your blog is created, start posting on your blog

Click on View Blog button to see your blog

Enjoy :)

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

Read more ...