How to Start/Create a Blog On Blogger For Beginners

How to Start/Create a Blog On Blogger For Beginners

Blogger Tutorials create blog create blogger start blogging

Hello! Friends Welcome to our "Learn Blogging" Series Part 1. In part #1 I will tell you how to create a blog on blogger.com and some basics information that you must know so without wasting any time let's get started.

First go to blogger.com and click on create your blog button and then sign in with your google account.

As you can see in this image enter your favorite blog title or address and then choose your favorite theme, remember you can change your theme later. Now click "Create blog!" button.

Now, you have successfully created your blog.

After creating your blog you will see interface like this.

As you can see how your interface looks like. To create a new post just click "New Post"

Few Blogger Tips

1- Add few images in your blogger post.

2-Be Familiar with your viewers.

3-Write articles in about minimum 300 words

4-Choose Best SEO ready templates for blogger.

    Check Out Best SEO Ready Teampltes 

5- Be Consistent (Most Important)

6- Write the Truth don't write wrong things.

This post is specially for those people who is very beginners people because I know few people who is don't know how to create a blog so In next "Learn Blogging" Series we will learn about professional templates editing so plz comment and share thispoost.

Author. Erwin Widianto

Add "Back To Top" Button In Blogger Blog With Smooth Scrolling

Add "Back To Top" Button In Blogger Blog With Smooth Scrolling

Blogger Tutorials Blogger Widgets

In today’s tutorial we’ll show you how to add "back to the top" button in blogger blog with smooth scrolling in a easy steps. The button we’re going to create will see in the bottom-right of the page and it appears only when users scroll down the page allowing them to scroll to the top of the page.

If your blog have a lot of information or you write very long posts then you must have to add this widget in your blogger blog to make better user experience.

[See Live Demo ##eye##]

 Note:  In the process a mistakes might be made, so please backup your template before making any changes.

Lets start the tutorial.

Step 1. In this button we are going to use font awesome so we need to add it in template.

 Note:  If there is already a font awesome library in your template, ignore below code and go for the further steps.

[<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>]

Step 2. To add Back to Top button in blogger just navigate to Blogger Dashboard >> Template >> Edit HTML and Search for the code ]]></ b: skin>.

Now copy the below CSS code and paste it exact before   ]]></b:skin>  section.

 [#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;

}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 10px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
}]

Step 3. Now, find a </body> tag in your templates and paste below piece of code before </body> tag.

[</script>
<a href='javascript:' id='return-to-top'><i class='fa fa-chevron-up'/></a>
<script type='text/javascript'>
// ===== Back to Top ====
$(window).scroll(function() {
    if ($(this).scrollTop() &gt;= 50) {       
        $(&#39;#return-to-top&#39;).fadeIn(200); 
    } else {
        $(&#39;#return-to-top&#39;).fadeOut(200);  
    }
});
$(&#39;#return-to-top&#39;).click(function() {    
    $(&#39;body,html&#39;).animate({
        scrollTop : 0                     
    }, 500);
});
</script>]

Step 4. Finally, Save your template and see the result.

Bottom Line

So, this was the easy tutorial on how to add back to top button in Blogger. usually you can customize this code easily but if you are newbie then use the default code.

I hope that you found it helpful and I’m sure it will benefit for your readers.

If you still facing any problem while installing this widget then just drop your query in below comment box. I would love to hear from you and help you out. Happy Blogging!

Author. Erwin Widianto

Advanced SEO Setting For Blogger: Meta Tags, Robots.txt, 404 Page And More

Advanced SEO Setting For Blogger: Meta Tags, Robots.txt, 404 Page And More

Blogger Tricks Blogger Tutorials SEO SEO Tips

Blogger is one of the most SEO friendly blogging platform as compared to other platforms as everyone know, but you have to enable some advanced seo settings in blogger to make your blog more search engine friendly. Most newbies usually get the basics done well when they start their blog. as we all know Google have added some SEO features in blogger to make your blog more search engine friendly.

However, in this post you will learn step by step how to enable advanced SEO setting for blogger blog. by enabling it you can optimize your blog easily for all search engines. so let's start the tutorial.

#1. Securing Blogger (HTTP to HTTPS)

HTTP redirect is one of the best feature recently added by google in blogger to create secure communication over a computer network. and google gives more importance for HTTPS enabled websites.

What is HTTPS? 

HTTPS is basically a secure version of HTTP. it means your blog data which is transferred between the user and server is now encrypted and protected from access or stealing from hackers.

Benefits of HTTPS  

 

• It tells your visitors that you have opened correct website and aren’t being redirected to a malicious site.
• It helps detect if an attacker tries to change or hack any data sent from Blogger to the visitor.
• It adds security measures that make it harder for other people to listen to your visitors’ conversations, track their activities, or steal any private information.

However, this is the free service and you don't need to spend money for getting SSL certificate to make secure connection for your blog.

To turn on HTTP to HTTPS go to your blogger blog and click on Settings >> Basic >> HTTPS and select Yes option (as shown in image).

#2. Meta Tag Description 

Meta description is another important advanced SEO setting for blogger which helps visitors choose to click on your blog in search results by Meta Description. Here you can write a compelling summary (max 150 words) of what your blog is all about with your " main keywords".

To enable meta tag search description go to your blogger blog and click on Settings >> Search Preferences >> Meta tags >> and select Yes option. now add your blog description and click on save button (as shown in image).

#3. Custom 404 Page Not Found

This is most crucial SEO setting in blogger. we must enable this setting in blogger for better SEO and user experience.

404 page not fount is a error page shows when visitor clicks on broken link of your blog post. it tells your readers that you have clicked on broken link and this page is doesn't exist anymore.

I have created short JavaScript for this setting you can add it by going on blogger  Settings >> Search Preferences >> Errors and redirections >> Custom Page Not Found >> and select Edit option. now simply copy below JavaScript and past it in empty box.

To complete tutorial Read: How To Redirect 404 Error (Page Not Found) To Homepage In Blogger

  JavaScript  

[<h1>Ooops.... 404 Error Page Not Found!</h1>
<br><b>We're sorry but we could not find the page you are looking for.
This may happen if you have entered site URL incorrectly or this page doesn't exist anymore.</b>
<script type = "text/javascript">
BSPNF_redirect = setTimeout(function() {
location.pathname= "/"
}, 5000);
</script>]

#4. Custom Redirects

This is one of the most important SEO setting in blogger. If you had deleted some blog post then the link of these posts will broke, to deal with the broken links you have to paste your broken and new post link in custom redirects option which you will find exact below Errors and redirections.

If visitors click on broken link they they will redirect to your new post link. to find out all your blog crawl error broken links, go to your Google Webmasters Tool
  

#5. Custom Robots.txt File

Robots.txt is a command file for the search engine robots to explore or browse a pages of your blog. Robots.txt is arguably filter our blog from search engines. by adding this file you can tell google robots which information crawl and which don't.

Read Also: How To Add Custom Robots.txt File In Blogger/Blogspot

To add Robots.txt file to your blogger blog just click on your blog Settings >> Search Preferences >> Crawlers and indexing >> Custom robots.txt >> Paste below code in box.

[User-agent: *
Disallow: /search
Allow: /
Sitemap: http://yourblogname.com/atom.xml?redirect=false&start-index=1&max-results=500]

  Note:   Replace http://yourblogname.com with your blog URL

#6. Custom Robots Header Tags

 

This is another most important SEO setting for blogger. to setup this option go to your blog Settings >> Search Preferences >> Crawlers and indexing >> Custom robots header tags >> Edit >> Yes.

To make this process easy for you i have selected tags in below tags . so just select the tags just like i have selected in below screenshot.   

#7. Nofollow/Open In New Tab

In above image i have selected Open this link in new window, which helps you to open link in new tab and it also helps to reduce your bounce rate and second one is rel="nofollow" tells search engines to do not crawl this link (don't show this link in search results).

  Note:   Use rel="nofollow" link attribute only when you have to link to irrelevant sites/pages that you don’t trust or don't want to show this link in search results.

Conclusion

So this is the complete tutorial on Advanced SEO Setting For Blogger. by adding/enabling this features you will surely make your blog more search engine friendly. if you still facing any problems and confusing let's join me in below comment box.

Do you liked this post, if yes then please do share. and if i missed anything please let me know. stay blessed!

Author. Erwin Widianto

How To Write Perfect SEO-Optimized Articles In Blogger

How To Write Perfect SEO-Optimized Articles In Blogger

blogger Blogger Tutorials SEO Traffic Tips

As a blogger when we write blog article, we should optimize each and every blog post for search engine and also for blog readers so that it will improve the ranking on a search engine.

Google has algorithms which automatically rank your blog/website. they does not have any human workers, so whenever you publish new article on your blog, they send out spiders to crawl your article and check it all things that indicates whether your article is useful or useless. sometimes they does not index some articles which imply that your article doesn't make any sense for google.

I found many bloggers out there (especially from blogspot platform), who has blog with many quality and useful articles, but someway I realized that articles getting only plenty of views and others not getting good traffic.

Well, how do you get more traffic if you are writing blog posts without doing SEO-optimization? 

Most of the beginners don't know how to write SEO-optimized articles in blogger. so i decided to write full post on it.

Writing SEO-Optimized Articles In Blogger

 

Step 1. Write SEO Friendly Post Title 

 

Post title & description it's only two things that appears in search results that force the visitors to click on your link to read the full post. so it must be short, catchy and to the point.

You can add your focus keyword in post titles. it helps to tell search engines exact what is your post is all about?

Step 2. Publish High Quality Contents

First thing you have to remember that, when you write article for your blog , make sure that you publish high quality and original content. It should not be stolen from anywhere otherwise Google will punish you for that and you lose your rankings in search results.

Your article should be keyword rich with at most 3% of keyword density. and it must be 400-500 words or more than that because google loves to serve well defined article for his visitors.

Step 3. Optimize Images 

 

 Compress the image size - compress images to change size of images to make your blog load faster.

You can do that by using online tool Tinypng.com

Change image name - Before uploading any image for blog just make sure you have renamed this image with relevant name.

Alt tag, Title tag - In blogger you don't have to touch the html code to add this tag's to images. you just have to click on image (shown in above image) >> Properties >> add alt tag and title tag inside the box.

Know More : 6 Image Optimization Tips For Better Search Engine Ranking

 

Step 4. Keyword Placement

According to moz.com your focus keyword should appear in the first 100-150 words (1st paragraph) of the article.

If you do not set a search description for your page, Google will automatically grab the beginning 100-150 words of your content as a search description. expect this add your keywords in search description as well.

I recommend you to use only one targeted keyword in a post. If you are targeting multiple keywords in single post then it will make difficult for search engines to identify your post.

You can Google Keyword Planner Tool to find out the best keywords that will bring you loads of search traffic. 

Put your main keyword in

1. Article Heading
2. Post Title
3. Page URL
4. Content
5. Search Description

Step 5. Optimize Blog Post Setting

In the left side of post editor you will see "Post setting" section. with the help of this section you can improve SEO of your blog post by adding blog post labels, permalink, search description etc.

Important Settings To Edit

After writing your post you have to edit 3 important setting to improve SEO of your article which i have explained below and highlighted in image.

Labels (Tags): help to group your blog posts together & act as a category.

Permalink (URL): By default, Blogger takes your post URL from your title but sometimes  it removes the extending characters from permalink, if you have a long title.  The permalink feature allows you to add custom URL of post that you can put your focus keywords in URL.

Here is example of Automatic Permalink vs Custom Permalink:

Automatic (Bad for SEO):

http://www.yourblogaddress.com/this-is-super-long-automatic-permalink-blah-blah-blah.html

Custom (Recommended):

http://www.yourblogaddress.com/blogspot-custom-permalink.html

Search Description (Meta Description): In this section, you need to write short summery (approximately 156 characters) about your post with your important keywords.

Step 6. Use Bold And Italic Tag

Most probloggers uses bold and italic tags to highlight keywords. and i recommend you to use it in your blog posts effectively.

Using these tags to highlight targeted keywords or important text in your contents will help you for improving rankings. and it also helps to reduce bounce rate.

Conclusion

So this is the simple basic tutorial on writing perfect SEO optimized articles in blogger for beginner blogger.  

If you are not getting good traffic from search engines then you may follow this post to make article seo friendly and really make sense to google.

If this post has helped you, kindly do share.

Author. Erwin Widianto

How To Create Privacy Policy Page For Blogger And Wordpress?

How To Create Privacy Policy Page For Blogger And Wordpress?

blogger Blogger Tutorials Privacy Policy tools Wordpress

Every professional blog has a privacy policy page which is a statement or a legal document that discloses how your site/blog gathers and store information from visitors while they're on your blog.

Many ad serving programs, like Google Adsense, require privacy policy page on your blog to participating in their advertising network.

In this tutorial i will show you how to create privacy policy page and set that up to your blogger and WordPress blog.

Create A Privacy Policy Page For Your Blog: 

You must be thinking..... how to create it? let's make it easy for you :)

You don't need to write it yourself or you don’t need a lawyer any way. there are tones of  Privacy Policy Generators you will get.

Below are some simple steps you have to go through in terms to create privacy policy page without getting any shot.

1) Just go to the SerpRank privacy policy generator page and click on register button.
2) Now select Serp Rank basic level
3) Fill the account information as shown in image below.

4) Accept terms and conditions and hit Submit and Conform button
5) Now Click Here to go main page.
6) Fill the form as shown in below screenshot. 

9) After filling up all the details, click on "Create my Privacy Policy" button.
10) Now copy your privacy policy.

Adding Privacy Policy Page In Blogger:

 

1) Open your Blogger Dashboard >> Pages>> click on New page link.

2) Give a page title as a "Privacy Policy".

3) Now paste that copied policy in your newly created page.
4) Click on Publish button. now place this page wherever you want to display (Footer or Header).

Adding Privacy Policy Page In WordPress:

 

1) Go to your WordPress Dashboard.
2) Click Pages >> Add new.
3) Give a title as a "Privacy Policy" and paste the copied privacy policy into the post editer.
3) Click on Publish button.

Final Words !

I have tried explaining almost every single detail in this article. Still if you are getting any trouble while adding privacy policy page on your blog then please open your mind and feel free to ask me it would be a pleasure helping you.

Author. Erwin Widianto