How to Add a New Page to Your Blog



In this post, I am going to show you, how you can add a "New Page" to your blog. I have added 2 new Pages to my blog namely "Interview with Business Owners" and "Contact Uma"



Step 1: From the Design Page

Go to the " Design Page" and click on "Pages" 


Step 2: Click on "New Page" in the next screen.

You will get the compose window. Give a title and type your contents and publish it.

Step 3: Go to the " Layout" Page and click on "Add a Gadget" in the "crosscol" below the "header"  



Step 4: Choose "Pages" from the list of Gadgets.


Step 5: You will see the list of Pages that you have created from the "Design" Page in this "Configure Page List".

Select the ones that you want on your blog.


Click on the "Save" button. And you are done. :)

I hope I have given clear instructions and it was easy to follow. So, how many Pages have you added in your Blog? 

HAPPY BLOGGING!

For Your Growth!
Uma Mahi :)

How to add a 'Contact Form' to your Blog?



There are many websites from which we can build a contact form for free. No coding knowledge is necessary. This is a great help to the like of us, who have less or very limited knowledge of coding.

I used the website 123ContactForm to build a contact form for my blog. If you have a contact form on your website or in your blog, it would be easy for the visitors to your website or blog to contact you when they need your assistance or any information. And when building a contact form is free and easy, then why should we not use it to grow our business?

I will give you the steps here to build a simple contact form.

Step 1: Create New Form

After opening a user account in the website, Go to the Dashboard and click on Create New Form



Step2: Select your Form

Click on "Contact & Lead Form" in the next screen.


Step 3: Name your Contact Form

Enter the name of your Form in the next screen. I have given my form name as "Contact Uma" to differentiate from other forms that I have created for my clients. 123contactform lets a user build 5 forms for free. 


Step 4: Edit the Fields of your Contact Form


I have edited the Name to read as "Your Name", Email to "Your Email id", Message to "How can I help you?" and finally "Submit" to "Send to Uma" to get a more personal conversation with my blog visitor. I suggest you have a very simple contact form in your blog for your visitors to write to you. Asking for too many information will have a negative impact.


Step 5: Get the Contact Form Code

Once you are done editing with your form fields, click on "Publish" at the top and select "Blogger" from the drop down list.


Step 6: Add the Contact Form in your Blog

Copy the code inside the box below the heading Blogger. 


Go to the compose window of your post or page, click on  "HTML" and paste the copied form code inside the window. Save your post and you are done. Now you can see the form in your blog. 

I have pasted inside the HTML window of my Page "Contact Uma"


This is how the contact form looks  in my "Contact Uma" Page.


Step 7: Test your "Contact Form"

You can test your contact form by sending a test message to yourself. 

I sent a test message to myself and boom, I got an email alert to my email id.


Step 8: Customize your "Thank You" message after form submission.

You can edit the default thank you message and have your own personalized thank you message after the form submission. To customize your "Thank You" message, click on "Notifications" from the drop down list of "Settings".


Scroll down to "Thank You Page and Redirects" under the subheading "Form User Options (Sender)" and edit the message. DO NOT forget to click on "Save Changes" button at the top right corner once you complete editing your Thank You message.



There is a much easier way to add a contact form to your blog even without leaving your blog. But here you don't have the option to edit the field names. 

You can use the "Add a gadget" option to select "Contact Form" from the gadget list to add a simple contact form to the sidebar.

If you want to know how to do that, you can refer this blog -  

Haven't you added your contact form yet? Don't hesitate to write to me, if you need any help.

HAPPY BLOGGING!

For Your Growth!
Uma Mahi :)

How to add Facebook Business Page to Blogger


There are many ways to get more views and likes to your Facebook Business Page. One of the best ways is to get likes from your blog visitors. So, I am going to show you how you can add your Facebook Business page to your blog. This involves just two simple steps. When these 2 steps are followed correctly, then your Page will look really good on your blog.

Step 1: Go to Facebook Page Plugin Page


Scroll down and enter your Facebook Page URL. Select the "Use Small Header" text-box. By default "Adapt to plugin container width" and "Show Friend's Faces" are already selected for you. You can deselect "Show Friend's Faces" if you don't want your friends faces there. After you chose these attributes, click on the "Get Code" button below the preview.



Step 2: Plugin Code

This is how your plugin code pop-up screen look

Step 3: Copy the first part of the code. Go to the "Design" Page of your Blog and click on "Edit HTML"



Step 4: In the next screen you will see a text box with HTML code. Click inside the box and Press 'ctrl+f' on your keyboard. Type body> in the search box. Please refer the image below.



Once you find the </body> paste the code that you have copied just above this </body> tag. Click on the "Save Template" button above this HTML code text box. 

Step 5: Go to the "Layout" Page and click on "Add a gadget" in the sidebar 



Choose "HTML/JavaScript" from the list of gadgets.


Step 6: Go to facebook plugin code pop-up screen and copy the second part of the code and paste it into the content box of the "HTML/JavaScript" screen. Save it by clicking on the "Save" button below. 

Now go and view your blog. Do you see your Facebook Business Page at the right bar of your blog? Yes? Good Job. You did it. Time to celebrate! :)

Step 7: IF you are not seeing the Page there, then please copy the below code. 

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '165572723506883',
      xfbml      : true,
      version    : 'v2.5'
    });
  };

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

Go back to Step 4 and paste this code just above the </body> tag. I am not sure whether the appId is the same now. You may want to check with the first part of the code that you have pasted earlier. If it is the same, you can leave the code unedited. If you see a different appId, then replace this with YOUR appId.

You would see your Facebook Business Page at the sidebar of your blog now.

This is how my FB Page looks in my blog.



What is YOUR Facebook Business Page? Please share your FB Business Page link in the comment below and let us give a thumbs-up to everybody else's Page. I would also like to see your blog with the FB Business Page added in the sidebar.

HAPPY BLOGGING!

For Your Growth!
Uma Mahi :)

How to Add Pinterest Button to Blogger

Show your photos and creative images to the world using Pinterest button

Do you know that you can actually share your photos with the world by just one click? No?  Yes, you can.

If you have a website or a blog and if you want to share your photos or your images, then you can use a social website Pinterest to share your creativity with the world. World? Right, people from any part of the world can see your images and photographs.

How can you share the images from your blog posts to Pinterest?

You just have to follow these 2 easy steps to add a "Pinterest" button to all the photos of your blog posts.

Step 1 - Backup the HTML code

We are going to edit the HTML code of the blog template. So we should always back up your Blogger template first! Why? Because that will help us to restore the template back to its original version if something goes wrong.

How to back up your Blogger template?


Go to the dashboard. Click on "Template" from the list on the left side. Click on "Backup / Restore"


Click on "Download full template" and save the file to your computer.


Step 2 - Edit HTML 


Click on "Edit Html" button. Look for </body> in the html code.

If you want me to show you how to find the </body> in the HTML code, then read below. Else go to the subheading "copy and paste the below script" directly.

Click inside (in the white space) the edit HTML frame and press "ctrl" and "f" keys simultaneously on your keyboard. You will find the search text box at the right top corner of the HTML frame. Type </body> and press "enter" . You will find the highlighted </body> in the HTML code.


Copy and Paste the below script

Copy and paste the below script just before the </body> 

<!-- Please call pinit.js only once per page -->
<script type="text/javascript" async  data-pin-height="28" data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>

Delete "async" from the code.

Click on "Save Template". You are done.

Now, go to any of your blog posts, hover your mouse on any image or photo. You will find the Pinterest button at the top left corner of the image. Click on the "Pin It" icon to pin it to a pinterest board. 

Choose your own Button type and appearance

If you would like to choose different button type and appearance, go to the official Pinterest widget builder.

I hope my instructions were clear. How did it help you? 

HAPPY BLOGGING!

For Your Growth!
Uma Mahi :)

How to Add 'Popular Posts' Gadget to your blog?


The "Popular Posts" Gadget shows your blog visitors the list of most visited blog posts. So, it is good to add this widget to the sidebar of the blog to drive more visitors and make those posts more popular.

Let me show you how you can add the gadget to your sidebar.

1. Go to the "Design" Page and Click on "Layout"
2. Click on "Add a Gadget"


3. From the "Add a Gadget" pop screen, select "Popular Posts" from the list.


4. In the next Configure Popular Posts screen, you can change the default settings to your own desired settings. I have changed the Most viewed to 'Last 30 days' from 'All time' and the number of posts to show in the widget to 5 from 10. 

5. After you save the settings, you can see the Popular Posts gadget added in the sidebar in the Layout screen.


This is how my Popular Posts gadget looks in my blog.

I have added the gadget to my sidebar. What about you? Where have you added the gadget? How many blog posts have you chosen to be listed? How does it look? Good?

Share the screenshot in the comment below.

HAPPY BLOGGING!

For Your Growth!
Uma Mahi :)