Updated on January 10, 2021 By Aayush Bhaskar 37 Comments Filed Under: Blogging
A contact page is how generally a reader of your blog or an advertiser, sponsor or someone with a general query would reach you through.
BlogSpot (Blogger) is an ideal choice for beginners to learn the basics of blogging and understand how it works.
BlogSpot users can use a contact form in their widgets, but you can not add them to the pages. This a problem for newbies.
So make sure you create these pages as soon as you start your blog.
In this tutorial, I’ll help you to create a contact us page and add a contact form in your BlogSpot blog. I’ll show you two different and easy way to do this, you’ll have choices.
Method one is by using a third-party tool, and method two is by using an official Blogger “contact us” gadget. Feel free to choose any.
Method No. 1 – Using 123FormBuilder
This is my favourite tool to create any kind and type of forms for all non-WordPress sites.
123FormBuilder (previously 123 ContactFormBuilder) is a cloud tool to build any type of online forms, manage workflows, and collect their data very quickly.
It works for every CMS platform, including BlogSpot and WordPress.
Step 1- Go To 123FormBuilder and Create A Free Account
Step 2 – Login To Your Dashboard and Click On The Arrow Next To The Create A New Form Button. Click on contact form & Lead form option.
A Contact Form Will Appear On The Second Page Which Is Ready To Be Used. You can add any extra fields you may want by clicking the fields button.
Click on save and publish button.
Step 4 – Go to your Blogger blog dashboard and click on add new page. Name this page, “Contact Us.”
Step 5 – Click on the HTML format editor button and paste the code here (Press CTRL + V to paste) and click publish.
Your contact form is now live on your blog. Take a look at it.
Let’s move to our second method
Method 2 – Customizing the Blogger “Contact Us” Gadget
Blogger Gadgets section has an official contact us gadget, but you can not use it on any of your pages. It’s only accessible through sidebars. Follow this tutorial below to customize it for using it on pages.
Step 1 – Go to your Blogger dashboard and click on the layout tab.
Step 2 – Click on add new gadget.
Step 3 – Select the contact us gadget from the menu and click on the add button. Uncheck the visible option and save the gadget.
Step 4 – Add a new page to your blog. Name this page, “Contact Us.” In the HTML editor of this page copy and paste the following HTML contact form code:
Important – Make sure you change the BlogID located in line 33 of the code above with your blog’s original ID. You can find your BlogSpot blogID by going to your BlogSpot blog dashboard and looking at your URL in the browser’s’ address bar. Here’s how it looks for reference:
Turn off the comments for your contact us page and make sure you add it to your menu so that it is easily accessible.
Congratulations! – Your contact us page is now live. Go have a look at your contact form and test it for the first time.
I hope this tutorial was helpful to you. You would also like to read about the best chrome extensions for bloggers and the best blogging tools. Share this post to help others and also leave a comment below sharing your thoughts.
- Free Tools
Friday, November 30, 2012
How to Publish Post Into Different Pages in Blogger (Blogspot)
Some bloggers asking, in Blogger how can I publish post into different pages other than the default front page? Here I’d like to share the way I’m using, hope you find it helpful.
By default, each time after you publishing a post, it goes to the default home page and display at the top above other posts.
To publish post into different pages, you can combine 3 features that Blogger provides: the tab, the label, and the forwarding page.
The idea is, first create a Label ( category ) by adding the Label name to at least one post, so that you can access that label directly at any time; then set up a Forwarding Page (one type of page that Blogger provides) to point to that Label’s web address (URL), so that when people clicking on that page name, it will display all the posts in that Label (category).
1. Page name:
First let’s ask a question: what page do you want to publish posts to? we need a page name. For example, if you’d like to publish videos to a specific page, we can set up a page called “video”.
2. Label name:
Make sure you already have a Label called”Video”, if you don’t have, create a new video post and add “video” label to it. If you don’t know how to add labels to a post, check my following post:
How To Publish Posts to Categories and Access in Blogger (Blogspot)
3. Find out that label’s web address (URL).
We need that “video” label’s web address (URL). You can find out the URL by click on the label name at the bottom of the post, or at the label widget in your side bar (if you have one), the label web address (URL) will be showing in the address bar in your browser. Copy that URL for future using.
For example, at the bottom of this post, I have a label name “page”, after click on that, it comes to the “page” page. At the top of my browser, the address bar shows the URL: http://www.bloggerjourney.com/search/label/page This is the URL we need in the future.
4. Set up pages as tabs:
This is a new feature Blogger provides in the new Blogger interface. It’s a one-time setup, once it’s done you don’t need to do anything in the future.
You can set up page names as tabs and display the tabs either at the top of blog page, or at the side of the page in the widget area, so that your website visitors can access directly.
If you don’t know how to set up pages as tabs, please check my following post:
How to Add Tab Menu at the Top of the Page in Blogger (Blogspot)
Once done, all the page names will be showing as tabs at the top of your blog. If you click on the tab name, it will take you to the corresponding page.
5. Create a new Forwarding Page:
Now create a new forwarding page called “video”, and point it to that video label URL we just copied.
There’re two different types of pages in Blogger- regular static page and Forwarding Page. We need to create a Forwarding Page- page name”Video”, forwarding web address URL is the URL we just copied.
If you don’t know how to create a Forwarding Page, please check my following post for details:
Two Types of Static Page You Can Create and Use in Blogger (Blogspot.com)
6. Once you finish step 5, you will get a new tab at the top of the page called “video”, and the “Video” tab is associated with your “video” label. That means, visit the Video tab is the same as visit Video label.
7. From now on, whenever you creating a post, remember to add label “video” to the post if you want to publish it to Video page (tab). Once published, the post will be showing in the Video page (tab). You can verify this by clicking on the Video tab at the top of of your blog. You Done.
By finishing the above 7 steps, you can publish posts into a specific page. Please note the post will be showing at the default home page as well.
It’s Your Turn
What’s your experience of publishing post to different pages? How do you set up pages and categories? Share your experience and insights in the comments box below.
Written by Kristen DeCosta posted 3 months ago
These days, with WordPress hosting nearly 30% of the internet, there’s a fair chance that many of your favorite sites are hosted on this popular platform. But what if you prefer Blogger? Can you create a Blogger online store like you can on WordPress?
Short answer: yes. It can seem overwhelming to start selling products from your Blogger site. It doesn’t have to be. It’s entirely possible for users on the Blogger platform create a stylish Blogger online store and start making a profit without breaking a sweat.
3 Simple Ways to Create a Blogger Online Store
1. Add Buy Buttons or Product Widgets
2. Embed an Online Store
3. Link to an External Online Store
Blogger Online Store = Simple Ecommerce
Selling your own products doesn’t have to be complicated, especially if you run a Blogger website. By keeping things simple and streamlined you can sell a whole range of products with relative ease.
Before I delve into how to do it, let’s look at some of the products you could create and sell. These might include:
- Digital Products like eBooks, instructional video tutorials, music, webinars, Photoshop brushes, software, etc.
- Physical Products like artwork, clothes, jewelry, bags, shoes, etc.
- Services such as coaching, web design, personal training, etc.
You don’t need to limit yourself to just one product type. Selling a service you can perform at a premium is a great way to both generate income and monetize your blog. In the same way, selling small physical goods that you’ve made can help you tap into a more niche market that will appreciate your work.
Read: 5 Secrets to Selling Products Online Successfully
Here are 3 simple options for creating a Blogger online store with Selz:
1. Add Buy Buttons or Product Widgets
One of the simplest ways you can sell from your Blogger page is to embed a button or widget that links directly to your product within a page or blog post.
First, you’ll need to create your product in Selz. Go to Selz and create an account. You’ll be able to start adding products straight away by clicking on ‘Add an Item’.
Your items will automatically go into your store, which you can access by clicking on ‘Store’ and ‘Preview” in the left-hand menu. You’ll see all your products sitting on your very own custom URL.
To find your button and widget options, select “Buttons and Widgets” from the left-hand menu. From there you’ll be able to customize the color and look of your buttons before copying the code generated.
Placing the buttons or widgets onto your Blogger online store is as simple as using the HTML editor to paste the code into your blog post or page.
2. Embed a Blogger Online Store
Another simple way to add products to your Blogger site is to embed your entire store right onto the platform. With Selz, this is as easy as adding buy buttons and widgets.
First, make sure all of your products are added into your Selz dashboard by using the “Items” option in your menu. Next, navigate to the “Buttons and Widgets” option in your Selz dashboard and find the “Store” option. Here, you will be able to customize the style of your store to match your Blogger brand.
Spend some time customizing the look of your store, then simply copy and paste the HTML code into the HTML editor on Blogger. Easy, right?
3. Navigate to your Online Store
Another effortless way to sell via a Blogger online store is to link to your Selz Store via a navigation link on your Blogger site. Selz has professionally-designed themes and store editor for users who want to create a fully-customized separate online store to direct traffic to.
To set this up, click on ‘Store,’ Install the app, and then click ‘Themes’ at the top of the page. Here you can preview, demo, and install a theme for your store.
Once you’ve picked a theme for your Selz store, you can navigate to ‘Store’, and then ‘Editor’ to start customizing the look of your new Blogger online store!
Within the new store editor, you can add content blocks to arrange your store how you please, change the colors and fonts to match your branding, and create a stylish, attention-grabbing Blogger online store that will appeal to your fans.
Once you are happy with the design of your store, go back to your Selz dashboard and click back into ‘Buttons and Widgets’. This time, you will select ‘Store Button’. Here you can customize the look of your navigation button, then copy and paste it over into your Blogger online store when you are ready.
How you do this will depend on the Blogger theme that you use, but generally, you’ll be able to paste the HTML code into your navigation (or wherever you want the button placed).
Read: The 5 Most Effective Ways To Use Buy Now Buttons and Widgets
And you’re done! A link to your store will appear on your homepage and your buyers will be able to shop within your store with ease.
The benefits of using Selz on Blogger
There are many benefits to selling this way with a Blogger online store. Here are a few of the advantages that will directly affect you as a seller:
- Selz is quick and easy to use – you can be ready and selling in minutes.
- You can get started for free and only pay a small fee per sale.
- You get a professional-looking, secure checkout that keeps your customers on your blog while they purchase.
- Your customers will have the option to buy using Visa, MasterCard, Amex or PayPal via the App.
- Everything is taken care of by Selz. You get a reliable, secure store and without worrying about SSL, etc.
- You can choose from different themes to change the look of your store and you can further customize it yourself.
- If you are hosting video classes, there are no bandwidth or storage limits to worry about.
- You can link to email tools like Quickbooks Online or MailChimp with direct integrations
- Payment processing is taken care of and paid into PayPal or your bank account (if in AUS or US).
Start taking your first orders today
It’s entirely free to have a poke around Selz, and all the features come free with your 14-day trial. You can create an account and see for yourself how quick and easy it is to start selling from your Blogger online store. So don’t hesitate, give it a go.
This post was originally published in May 2017 and has been updated for accuracy and comprehensiveness.
A sitemap is like a street map for your blog. It’s an XML file that tells the search engine what pages are on the site, what they are called and how to navigate to them. It’s an essential element of website SEO and every website or blog should have one if it wants to be indexed by the search engines. So how can you add a Blogger sitemap.xml to the search engines?
Blogger is a free hosting site for basic blogs. It’s an excellent introduction into the world of blogging and is cool because it takes all the work out of building and hosting your own blog and helps you concentrate on the good stuff, the writing and publishing. It is free and offers many of the basic tools required to get a blog up and running in the shortest time with the minimum effort.
One thing it doesn’t do so well is onsite SEO. It has basic optimization options to get you started but once your blog grows, you’re going to want to move it somewhere else. One limitation is within the sitemap.xml. It has one but you have to submit it to the search engines yourself and sometimes it doesn’t list all of your pages or posts.
A sitemap isn’t anything to look at. It’s a page of XML markup that tells Google, Bing or other search engines how your blog is set up, what menu options there are and what pages are published on it. As the engines don’t really understand language and will not understand images, it’s a simple way to tell the search engine what your blog is about.
Blogger does publish a basic sitemap but it isn’t a comprehensive one. It is limited to the most recent blog posts so if you run a larger blog or having been doing it for a while and have more pages, they may not be included. That’s not ideal if you put your heart and soul into your blog.
Not so long ago, you had to create an RSS feed to ‘encourage’ Google to create a sitemap for your blog. Now Google does it automatically. You can check yours out at http://yourblog.blogspot.com/sitemap.xml. Change ‘yourblog’ to your blog URL and an XML page like the image above should be displayed.
Add a Blogger sitemap.xml to the search engines
A sitemap is a very minor aspect of onsite SEO and has negligible effect on your search engine rankings. However, SEO is an industry of marginal gains so every little helps. Considering it takes just a couple of minutes, it’s well worth doing. I’ll cover Google and Bing as they are the main search engines right now but you can include others if you wish as the principles will be largely the same.
Add a Blogger sitemap.xml to Google
If your blog is full of good quality content, Google should crawl your blog eventually without you having to do anything. If you want to make sure the search engine knows about your blog, you can help it along a little. There is no evidence that submitting your own sitemap.xml to Google speeds things up or makes it more likely that it will crawl your site but you have nothing to lose and everything to potentially gain.
Assuming you have a Gmail account, do this:
- Log into your Google Search Console.
- Select Sitemaps from the left menu.
- Add a new sitemap for your blog in the center using the URL format above.
- Select Submit.
The correct format is ‘http://yourblog.blogspot.com/sitemap.xml’. The Search Console will tell you if it can reach and understand the sitemap once you hit Submit.
Add a Blogger sitemap.xml to Bing
Like Google, Bing should pick up your blog eventually but you can help it along a little if you want. Again, adding a sitemap to Bing is no guarantee that it will crawl your blog but you have to be in it to win it.
- Log into Bing Webmaster Tools.
- Select Add a Site and enter the URL.
- Select Add a Sitemap and enter the sitemap URL.
- Select Add.
- Select a verification method in the next screen.
- Perform the verification step and select Verify.
The easiest way to verify ownership is the HTML code method. Copy the HTML from Bing and add it just inside the tag on your blog home page. Save the changes and then hit Verify in Bing Webmaster Tools.
A sitemap has a minor impact on your SEO and search engine ranking but it does have an impact. That means it is well worth using considering it only takes a couple of minutes to do. Now Google automatically creates the sitemap for you, there is no excuse not to submit it!
Why Do You Need Of A Landing Page?
If you are in the field of blogging then you will surely know about the importance of landing pages for your blogs. We see many Blog site that use Welcome page or Landing Page. For creating a better impression about Blog Landing page is necessary. When it comes to branding and affiliate marketing then custom landing pages are also very useful. They Help you to increase your subscribers, promote your products and services and increase your affiliate sales. There are major benefit of landing page is for swift load. Suppose your blog is completely full with graphics or added many graphics then you may use landing page for faster load. Your blog readers will love it. There are many types of landing pages which we want on our blog. List is given below:-
Types Of Landing Pages:-
Welcome Landing Page
Thank You! Landing Page
Coming Soon Landing Page
Start Here Landing Page
Other Landing Pages
You can create your landing pages according to your purpose. Like as for the visitors landing on your blog from your social network profile links, you can create a special landing page welcoming the visitor, telling about yourself and what you have to offer with a strong call to action button.
Are You Ready To Design Your First Landing Page On Blogger?
Tips on How You Can Customize Your Landing Page Using Post Editor:-
First we should add CSS Coding by which we can hide our Sidebar, Header, Footer. I mean to say if you want to make your blog’s main section full width then copy below CSS code and paste it on post editor.
This code works well for original blogger template, But you can also try it on Custom Made/Magazine style blogger templates.
Now to use the CSS then just put your CSS code using the tag. For example:-
Now you can call the above CSS style in HTML to apply it. For example:-
Wondering if we could use the CSS code we have added to our template code using a conditional tag inside the post editor itself?
So this is how you can design your own custom landing pages on blogspot. All those bloggers who are familiar with the CSS and HTML will find this tutorial super easy and those who are new to it, please feel free to poke me anytime. I’ll personally visit your blog and help you out to make things super easy for you. ?
Right now there is no one click solution for creating your landing page but in future, I’ll design my own template and a Landing page will be the integral part of it. Then you’ll need not to inspect the elements and mess-up with the code.
Soon I’ll design my different landing page templates and share with you if you guys need (let me know in comments :p). You can use them with a simple copy & paste function inside the post editor. Then make a few changes here and there and voila, your landing page is ready so please don’t forget to subscribe. ?
Our Recommended Blogger Widgets
- WordPress Like Floating Social Sharing Widget for Blogger with Counter.
- AllInOne Admin Box Widget with Social buttons and Subscription Box.
- Add Sticky Notification Bar To Blogger with Show/Hide Button.
- Stylish Contact Form For Blogger! Add to Static Page, Responsive & Pro Version.
- Cute & Stylish Email Popup Subscription Widget.
So above guide is about How To Add or Create A Landing Page in Blogger Blog? Hope this tutorial helps you in creating a landing page in Blogger. If you have any query related to the topic then drop a comment below. You can also shoot me an email using the contact form in my contact us page. Do share and subscribe us for get more updates direct in your mail box.