NicksLogy.Tech: NEWBIES GUIDE

How To Create Blogger Template From Scratch

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;">
<div dir="ltr" style="text-align: left;">
<div dir="ltr" style="text-align: left;">
<div dir="ltr" style="text-align: left;">
<div dir="ltr" style="text-align: left;">
<div dir="ltr" style="text-align: left;">
<div dir="ltr" style="text-align: left;">
<div dir="ltr" style="text-align: left;">
<div style="clear: both; text-align: center;">
<a href="https://googledrive.com/host/0ByNodV_m9cVLdDZuR0xzNHJlMWc" style="margin-left: 1em; margin-right: 1em;"><img alt="Create Blogger Template" border="0" src="https://googledrive.com/host/0ByNodV_m9cVLdDZuR0xzNHJlMWc" title="Create Blogger Template From Scratch" /></a></div>
As we’ve been always talking about Blogger and blogging, today we’re 
going to make a long discussion on one of the most popular question 
asked blogger.com users that <b>how to create a blogger template</b>. 
Many bloggers have asked me this question on Facebook and through other 
contact services so I thought why not should I make a long post 
specially for them. Basically, This thing come in <u>Web Design and Development</u> so a person must have these skills in order to <b>create blogger template</b>
 otherwise reading and understanding this long article will be wasted. 
Today, I’ll not take your too much time in this kind of discussion so 
let’s start discussing about the main topic.<br /><a href="https://www.blogger.com/null" name="more"></a><br />
<br />
<h3 style="text-align: left;">
Requirements To Create a Blogger Template</h3>
<div>
First of all, I would like to mention the requirements which everyone should have for <b>designing or creating blogger template</b> because any common man can’t <b><u>easily make blogger templates</u></b>
 it needs several skills. The first thing is that, you should know 
Blogger.com perfectly. How to create blog, making posts and pages, doing
 little customization, playing with gadgets and also how this platform 
actually works. After this, The basic knowledge of web design required 
in which HTML and CSS are most important. In blogger, We can use HTML, 
CSS, XML and JavaScript. If you know all these languages then you’ll not
 face any problem in <b>designing professional blogger template</b>.<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-8224162800388116"
     data-ad-slot="4558130384"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<h3 style="text-align: left;">
Step 1. Preparing Testing/Demo Blog For Creating Template</h3>
<div>
It is common thing that before creating any blogger template you’ll
 make the demo blog for that template. So, create a blog and publish 
more than 10+ posts on it. There should be one image, all heading, 4-5 
text paragraphs, numbered list, bullet list and quote in every post. 
We’ll design these each and every thing so make 10+ posts with these all
 things and also integrate some important widgets in footer or sidebar. 
After that, you can use any default template on it but soon we’ll remove
 it and design another template on it. </div>
<h3 style="text-align: left;">
Step 2. Understanding Basic Structure Of Blogger Template</h3>
<div>
Before starting the template we should understand the basic 
structure of blogger template. We can also say that we’re going to 
create simple empty page of blogger template. So, I’ve prepare the basic
 coding which will help you to understand basic structure.<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-8224162800388116"
     data-ad-slot="4558130384"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
</div>
<blockquote>
<?xml version=”1.0″ encoding=”UTF-8″ ?><br /><!DOCTYPE html><br /><html
 xmlns=’http://www.w3.org/1999/xhtml’ 
xmlns:b=’http://www.google.com/2005/gml/b’ 
xmlns:data=’http://www.google.com/2005/gml/data’ 
xmlns:expr=’http://www.google.com/2005/gml/expr’><br />  <head><br />

<b:include data=’blog’ name=’all-head-content’/><br />

<title><br />      <b:if cond=’data:blog.pageType == &quot;index&quot;’><br />        <data:blog.pageTitle/><br />        <b:else/><br />        <b:if cond=’data:blog.pageType != &quot;error_page&quot;’><br />          <data:blog.pageName/> | <data:blog.title/><br />          <b:else/><br />          Page Not Found | <data:blog.title/><br />        </b:if><br />      </b:if><br />    </title><br />

<b:skin><![CDATA[<br />

body {<br />background:white;<br />color:black;<br />}<br />#Navbar1 {dispaly:none!important;}<br />]]></b:skin><br />

</head><br /><body><br />

<b:section class=’navbar’ id=’navbar’ maxwidgets=’1′ showaddelement=’no’><br /><b:widget id=’Navbar1′ locked=’true’ title=’Navbar’ type=’Navbar’/><br /></b:section><br />

</body><br /></html></blockquote>
In the above basic coding, you’ll see that there are XML and HTML 
tags in the starting which means that this is built with XML and HTML. 
The main extension for this coding will be .XML. If you copy the above 
coding and paste it with the whole coding of a template then it will be 
saved and will show nothing on blog because this is simple blank HTML 
page. Let’s understand the basic structure.<br />

<b>1. XML and HTML tags </b>: As I already told you that XML and HTML
 tags are the main tags in which whole template will be stored. If we 
want to save this template in computer then we’ll choose .XML extension 
while saving because blogger supports only .XML file templates.<br />

<b>2. Long <title> Coding : </b>If you look in the title code below <b><head> </b>you’ll
 see long coding between <title> tag. Basically, That is 
customized title coding which has many benefits. We’ve used conditional 
tags to customize this title coding. The first condition tells that if 
someone opens the homepage or index main page then it will write the 
blog title as title of the webpage. Second condition is to show the post
 or page title first and show blog title after post or page title. In 
the last, there is 404 error page title coding.<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-8224162800388116"
     data-ad-slot="4558130384"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><br />

<b>3. <b:skin></b> <b>Tag For Storing Stylesheet : </b>There is additional built in tag for blogger templates to use <b><b:skin></b> tag
 with CDATA for storing the whole CSS or stylesheet of the blog. In 
these tags, you’ll only see CSS which is being used in the whole blog. 
So, every CSS which you’ll write should be placed in these tags.<br />

<b>4. <b:section> Tags For Widgets : </b>In blogger, we use 
these tags to create widgets. Most important things like Blog Title and 
Content are done by implementing widgets in templates. In short, There 
are default widgets which are for Header and Blog Content which we use 
while creating template. For creating widgets, we should cover them with
 <b><b:section> </b>tags which will help us to prepare layout page.<br />
<br />
<h3 style="text-align: left;">
Step 3. Creating Header </h3>
<div>
After learning the basic structure, let’s get started by creating 
header of blog. Basically, There are only two important things to create
 a blogger template. First one is Header and second one is Blog Content.
 Other things are also important but these are most ones. We’ll use 
custom Header widget and will customize it according to our needs. 
Basically, Header is a widget and you know for creating widget, we 
should create section for a single or multiple widgets. Copy the code 
below and paste it anywhere in the <body> of template where you 
want to display Header widget.</div>
</div>
<blockquote>
 <b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’><br />        <b:widget id=’Header1′ locked=’true’ title=” type=’Header’></b:widget><br /></b:section></blockquote>
The above coding is not complete coding of Header but when you’ll 
integrate the above coding in template then it will automatically become
 longer. Save this template, reload the Edit HTML page and you’ll see 
expand arrow in the left side of <b:widget> tag. Blogger will 
automatically write the default coding on it. So, let’s understand this 
header coding.<br />

<b>1. <b:section> having class=’header’ and id=’header’ : </b>First
 of all, in the section tag, you’ll see class=’header’ and id=’header’ 
which are common CSS class and id tags. So, by the help of these tags, 
you can do customization of header like giving specific width, height, 
margin, padding, font size, color etc to the header section only.<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-8224162800388116"
     data-ad-slot="4558130384"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><br />

<b>2. <b:section> having maxwidgets=’1′ : </b>I don’t need to 
explain these simple things, but for totally newbies I’ll explain it. 
There is another XML tag of blogger which is <b>maxwidgets=’1′</b> by this, we can simply set the number of maximum widgets in that section just replacing the number 1.<br />

<b>3. <b:section> having showaddelement=’no’ </b>: This is just another simple tag by which we can disable or enable the Add a Gadget option.<br />

<b>4. <b:widget> having id=’Header1′ : </b>In the header widget, there is CSS id tag by which we customize the header widget with CSS.<br />

<b>5. <b:widget> having locked=’true’ : </b>This tag allows you
 to lock and unlock widgets easily by choosing true or false. When the 
widget is locked, one can’t easily edit that through layout page.<br />

The current settings for this header widget and section are fine so 
we’ll not edit them. Below, I’m going to give you class and ID CSS tags 
which will help you to customize header widget. Simply, add this below 
CSS between <b><b:skin> </b>tag and fill them with your own properties.</div>
<blockquote>
#header {  }<br />

#header h1 {  }<br />

#header h1 a {  }<br />

#header .description {  }</blockquote>
<h3 style="text-align: left;">
Step 4. Creating Pages Menu Widget</h3>
<div style="text-align: left;">
I forgot to mention the pages menu widget
 which is also important for creating menu. That kind of menu only 
displays the those links which are actually pages made in blogger blog. 
In default blogger templates, it’s mostly used so here I’m going to 
teach you how can we implement them in our blogs. I’ll just give you 
default XML and HTML coding and will show you way to design that with 
CSS. If you’re well known with HTML and CSS then you can easily make 
custom menu there anywhere in the template. But for this pages menu, you
 might face problem. Let’s get started.</div>
<div style="text-align: left;">
This pages menu widget is also done by 
creating widget section and widget. So, below I’m going to give you 
another code which will be having section tags and there will be page 
list widget which is the main thing. Just put the below coding anywhere 
where you want to show up that pages menu widget. </div>
</div>
<blockquote>
 <b:section class=’tabs’ id=’crosscol’ maxwidgets=’1′ showaddelement=’yes’><br />        <b:widget id=’PageList1′ locked=’false’ title=’Pages’ type=’PageList’><br />       </b:widget><br /></b:section></blockquote>
As we did in Header widget, this is also just a little piece of tags 
which will automatically complete itself with the default coding. For 
the customization, it’s simple you can just take ID and Class tags from 
the above code and start writing your own CSS for them. But, This time 
I’m also going to give you CSS empty tags in which you’ve to fill 
properties according to your needs and design that better.<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-8224162800388116"
     data-ad-slot="4558130384"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<blockquote>
.tabs {  }<br />#corsscol {  }<br />#PageList1 {  }<br />#PageList1 ul {  }<br />#PageList1 ul li {  }<br />#PageList1 ul li a {  }</blockquote>
<h3 style="text-align: left;">
Step 5. Creating Blog or Content Widget</h3>
<div style="text-align: left;">
This is the main thing should is 
important most of all. In blogger, we create a default widget which is 
actual posts widget. In the layout pages, you might have seen the big 
widget named Blog Posts. We can easily create default blog posts widget 
with a bit of coding but customizing that according to our needs can be 
little difficult. First of all, open the html editor in blogger and 
paste the following blog posts widget code there.</div>
</div>
<blockquote>
<b:section class=’main’ id=’main’ preferred=’yes’ showaddelement=’no’><br /> <b:widget id=’Blog1′ locked=’true’ title=’Blog Posts’ type=’Blog’><br /> </b:widget><br /></b:section></blockquote>
Just like other widgets, we’ve also created section for that blog 
posts widget. After saving this widget in template, reload the html 
editor it will gain default coding of blog posts widget automatically. 
Here, get started in customizing the posts section according to your 
needs. Look at the class and id tags and write CSS for those tags to 
beautify posts area. When you’ll expand blog posts widget, you’ll get 
many <b:includable> tags that are actually in posts area. There 
will be specific includable tag having <b>id=’post’</b> and <b>var=’post’</b>. If you expand that includable tag then it will show up the coding of posts area only where you can do customizing easily.<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-8224162800388116"
     data-ad-slot="4558130384"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><br />
<br />
<h3 style="text-align: left;">
Step 6. Creating Custom Gadget Area Like Sidebar and Footer</h3>
<div>
The above five steps will get you a simple template but creating 
custom gadgets area can be useful like making sidebar, footer and other 
gadget necessary gadget areas. So, in this step we’re going to learn 
that how can we easily create custom gadgets section in blogger layout. 
We’ll just write <b:section> tag in which we can add widgets as 
more as we want. Go to html editor and paste the following code anywhere
 you want to create the gadgets area or section.</div>
</div>
<blockquote>
<b:section class=” id=” maxwidgets=” showaddelement=’yes’><br />

</b:section></blockquote>
There is nothing special then <b:section> tags in the above 
coding. Class and ID tags are empty where you can add your own custom 
names to call the CSS for that section. You can use class and ID to call
 CSS and beauty that gadgets section by adding any width, height, 
padding, margin etc. Another tag, maxwidgets=” is also in which you 
write any maximum number like 10 so that section wouldn’t contain more 
than 10 widgets. If you want to show Add a Gadget option in layout then 
remain the yes in the showaddelement tag otherwise overwrite it with no.<br />
<br />
<h3 style="text-align: left;">
Step 7. Setting up Layout Page</h3>
<div>
While creating template, also take care of layout page in blogger 
blog because that page depends on the template of a blog. If you do the 
things correctly then it won’t get messed up but if you’re facing 
problem then we’ve solution for this. We can rearrange the widgets and 
gadget sections there through using simple CSS. And for what, I’ve 
already written great post on fixing blogger layout page messed up. For rearranging the widgets in layout page, we’ll use CSS and it will be like this.<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-8224162800388116"
     data-ad-slot="4558130384"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script> </div>
</div>
<blockquote>
body#layout #widgetID { The Properties For Widget In Layout Page Goes Here } <br />body#layout #widgetID2 { The Properties For Widget In Layout Page Goes Here } <br />body#layout #widgetID3 { The Properties For Widget In Layout Page Goes Here } <br />body#layout #widgetID3 { The Properties For Widget In Layout Page Goes Here } </blockquote>
<h3 style="text-align: left;">
 Advanced Guide</h3>
<div>
Anyone who has basic knowledge of web designing can develop blogger
 template just by using simple HTML and CSS. Newbies might face problem 
in understanding the structure of blogger template but if you keep doing
 practice then you in a few days, you can be expert in that. Those web 
designers who can create HTML Templates or any other blogging platform 
themes then I don’t think they’re going to face any problem. Even 
designing blogger templates is one of the most easiest platforms than 
others. </div>
<div>
Above we’ve only created the simple blogger template which contains
 header, pages menu and blog posts. There is no sidebar and footer in 
the above template. You can make sidebar by giving specific width to 
posts widget, float blog posts widget to left and create another section
 which will be sidebar. You’ll need to float sidebar in right and also 
give such width to those blog posts and sidebar sections that these both
 should suite on the area. You can do many more experiments with blogger
 template designs and also you can cover each widgets section with 
specific HTML div tags.<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-8224162800388116"
     data-ad-slot="4558130384"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script> </div>
<div>
While creating blogger templates, sometimes I make use of Inspect 
Element in Google Chrome which is common coding tool and it helps to 
edit any webpage. It will also help you to find the specific Class and 
ID tags of anything and you can customize them through CSS.</div>
</div>

How To Create Blogger Template From Scratch

As we’ve been always talking about Blogger and blogging, today we’re going to make a long discussion on one of the most popular ...

Top 20 Best Free SEO Tools For Bloggers

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="clear: both; text-align: center;">
<a href="https://googledrive.com/host/0ByNodV_m9cVLV1RJSFFfTlZyZDA" style="margin-left: 1em; margin-right: 1em;"><img alt="Free SEO Tools" border="0" src="https://googledrive.com/host/0ByNodV_m9cVLV1RJSFFfTlZyZDA" title="Best SEO Tools" /></a></div>
SEO stands for Search Engine Optimization
 and it is a brilliant thing for Bloggers and Webmasters to drive the 
real unlimited traffic from search engines. There are many basic and 
advanced things for SEO which we learn step by step and also implement 
them on our blogs like optimizing template, adding meta descriptions, creating robots.txt file, submitting sitemap and many more. Previously, We’ve published many articles on SEO which can be found in SEO Page
 and now we’re going to discuss about another topic of SEO. In this 
post, we’re going to share the top 20 best free SEO tools for bloggers 
which can be helpful to drive more traffic and perform better in SERPs.<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-8224162800388116" data-ad-format="auto" data-ad-slot="4558130384" style="display: block;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><br />
<a href="https://www.blogger.com/null" name="more"></a><br />
<br />
<h3 style="text-align: left;">
1. Google Webmaster Tools</h3>
<div>
Google Webmaster Tools allows you to submit the whole sitemap of 
your blog/site to Google for the index in its search engine. Once the 
sitemap the completely indexed then you blog will be appearing in Google
 search and through that you can receive organic traffic. It also has 
advanced features by which you can track the most popular keywords from 
which you’re getting traffic and all other information about the traffic
 which is coming from Google search engine. You can also calculate the 
backlinks with this tool.<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-8224162800388116" data-ad-format="auto" data-ad-slot="4558130384" style="display: block;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<h3 style="text-align: left;">
2. Bing Webmaster Tools</h3>
<div>
Just similar as Google Webmaster Tools, Bing is another search 
engine which is second most popular across the world. Through this tool,
 you can submit sitemap to Bing search engine and easily get traffic 
from there. It also helps you to optimize your blog for search engine 
better than previous. This is almost same with the above tool just the 
search engine is changed.</div>
<h3 style="text-align: left;">
3. Google Analytics</h3>
<div>
<a href="http://www.bloggeryard.com/2013/06/how-to-install-google-analytics-in-blogger/">Google Analytics</a>
 is one of the most popular tool to get the accurate and real statistics
 data about the visitors of your blog/site. There are many features in 
this tool that’s why it is known as best. It counts the pageviews, daily
 visitors, monthly visitors of your blog. Bounce rate, geographical 
location of visitors, trackbacks, real-time (live) visitors, information
 of paid and free keywords and much more things are also available in 
this tool just free. Install Google Analytics in your blog now!<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-8224162800388116" data-ad-format="auto" data-ad-slot="4558130384" style="display: block;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<h3 style="text-align: left;">
4. Google Keyword Planner</h3>
<div>
After Google Analytics, <a href="https://adwords.google.com/ko/KeywordPlanner/Home" target="_blank">Keyword Planner</a>
 is also a useful tool for bloggers to get better ranking in SERPs. This
 is a keyword research tool by which you can decide better keyword for 
your content. Simply, with this tool, you can know that how much time a 
single keyword in searched in Google in the single month. You should 
target such keyword which may have high searches monthly and after that 
you can be able to get good traffic from search engines.<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-8224162800388116" data-ad-format="auto" data-ad-slot="4558130384" style="display: block;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<h3 style="text-align: left;">
5. Google PageSpeed Insights</h3>
<div>
<a href="https://developers.google.com/speed/pagespeed/insights/" target="_blank">Google PageSpeed Insights</a>
 – This is another free SEO tool provided by Google which helps you to 
know the page speed or loading speed of your blog. Every blogger and 
webmaster wants to reduce the loading time of his blog/site
 and this tool can be helpful at the time because this doesn’t only 
calculate the loading time but also finds and provide you some tips by 
which you can easily speed up your blog.</div>
<h3 style="text-align: left;">
6. Google Structured Data Testing Tool</h3>
<div>
As the days are passing, Google is trying to make it’s search 
engine more easy and useful with correct result. You guys may be 
noticing that slowly slowly Google is changing design or view of search 
results. So, this is <a href="http://www.google.com/webmasters/tools/richsnippets" target="_blank">Google structured data testing tool</a>
 which helps you to know that how your blog appears in search results. 
After testing, it also gives you some tips to appear your blog beautiful
 in search results.</div>
<h3 style="text-align: left;">
7. Google Trends</h3>
<div>
<a href="http://www.google.com/trends/" target="_blank">Google Trends</a>
 can also be helpful for bloggers to do better keyword research because 
this tool helps to know that what’s trending in the current days, which 
topic is most popular in the current and how much time it is search and 
also from where it is searched. It also gives more advanced information.
 We can also search the custom keywords with this tool and easily get 
information about these custom keywords.<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-8224162800388116" data-ad-format="auto" data-ad-slot="4558130384" style="display: block;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<h3 style="text-align: left;">
8. Keyword Density Checker</h3>
<div>
Keyword Density also plays role in search engine optimization and <a href="http://www.live-keyword-analysis.com/" rel="nofollow" target="_blank">Keyword Density Checker</a>
 tool can be helpful for us bloggers. For normal and proper SEO, we 
should do only 2-4% keyword density in our articles which will help us 
to get better ranking in search engines but if we write more than limit then there is chance to be penalized by Google penguin which will decrease our organic traffic.</div>
<h3 style="text-align: left;">
9. SEOquake</h3>
<div>
<a href="http://www.seoquake.com/" rel="nofollow" target="_blank">SEOquake</a>
 is most popular free SEO tool which is a extension or plugin for our 
web browers like Google Chrome, Firefox and Opera. After installing this
 tool, whenever you will open any webpage in your browser, a bar will 
appear which will be having SEO information for that webpage. It 
consists of Alexa Rank, Page Rank, Domain Authority, Backlinks, Indexed 
Pages, Page Authority and much more.</div>
<h3 style="text-align: left;">
10. Open Site Explorer</h3>
<div>
<a href="http://www.opensiteexplorer.org/" rel="nofollow" target="_blank">Open Site Explorer</a>
 is a website explorer which gives SEO information for the particular 
given domain. Through this tool, you can know the Domain and Page 
authority of any domain name, counts the backlinks and also gives more 
information. This tool also contains the premium version which is not 
free but free version also gives good result.<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-8224162800388116" data-ad-format="auto" data-ad-slot="4558130384" style="display: block;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<h3 style="text-align: left;">
11. Ahrefs</h3>
<div>
Ahrefs is a backlink checker and site explorer tool by which you 
can easily check the backlinks of your blog. The total number of 
backlinks, kind of backlinks such as nofollow and dofollow,
 the location of backlinks and much more you can get from this tool. 
This also has premium version which will be provide more better data but
 free is also fine for blogger.<br />
<h3 style="text-align: left;">
12. Alexa</h3>
</div>
<div>
Alexa is a well known algorithm for SEO Analysts and Bloggers. It 
is owned by amazon company and Alexa gives the rank to the every website
 on the internet. Most of bloggers try to improve their alexa rank which
 shows that the blog is going better and it is better than other webs on
 the internet. Alexa doesn’t only rank the sites but also gives the 
information of that site related to SEO. That information consists of 
global rank, specific country rank, bounce rate, pageviews and visitors 
percentage, organic traffic percentage, keywords, backlinks and much 
more.</div>
<h3>
13. CopyScape</h3>
<div style="text-align: left;">
This is also well known tool for 
webmaster by which we can check the plagiarism of any webpage. It is 
common rule in blogging that we should not copy others content
 because it’s illegal and has no benefit but if someone copies your 
content without permission then you can track your content violators 
through this tool. In simple words, we can check duplicate content through this tool.</div>
<h3 style="text-align: left;">
14. Pingdom Website Loading Test</h3>
<div style="text-align: left;">
<a href="http://tools.pingdom.com/fpt/" rel="nofollow" target="_blank">Pingdom website loading test</a>
 is just alternative to Google PageSpeed Insights. We can also determine
 the loading speed or time through this tool. Pingdom website loading 
test allows us to check the loading speed from different countries of 
servers. After the process, it shows, how much did the webpage take to 
load, size of webpage and also gives tips to improve the loading speed.<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-8224162800388116" data-ad-format="auto" data-ad-slot="4558130384" style="display: block;"></ins></div>
<h3 style="text-align: left;">
15. WordPress SEO By Yoast</h3>
<div>
This is the most popular WordPress SEO plugin which is being used 
by almost every WordPress user to SEO Optimize their websites and blogs.
 This plugin is free and is most recommended because it contains 
everything about SEO. It helps you to do on-page optimization like meta 
description, meta keywords, focus keywords, sitemaps and many more. </div>
<h3>
16. WooRank</h3>
<div>
<a href="http://www.woorank.com/" rel="nofollow" target="_blank">WooRank</a> is
 another useful website review SEO tool which generates the SEO and 
other useful information about the given specific website. After 
generating review, it also gives the total score to that website by 
which we can know how much better we’re going. The information is really
 brilliant which is being generated by this tool and we can easily know 
much about any particular website in a few clicks through this tool.<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-8224162800388116" data-ad-format="auto" data-ad-slot="4558130384" style="display: block;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<h3 style="text-align: left;">
17. Drop My Link</h3>
<div>
<a href="http://dropmylink.com/" rel="nofollow" target="_blank">Drop My Link</a>
 is also a better tool for SEO Analyst which will help you to easily 
find such blogs on which you post comments and make backlinks through 
them. First you need to insert the keyword which can related to the top 
which you’re linking back and choose the comment type blogs which can be
 CommentLuv blogs, dofollow comment blogs, .edu blogs and more. So, making backlinks through this tool is easier.</div>
<h3 style="text-align: left;">
18. MozBar</h3>
<div>
This is also useful tool for Bloggers which is basically plugin and
 extension for browsers. This bar allows you to get known about the 
Domain Authority, Page Authority, Page Rank, Alexa Rank, Indexed Pages 
and other related to SEO things. When you’ll be surfing any webpage, 
this bar will provide you all the above data about that current webpage 
in ease. You can simply analyze SEO of other webpages.</div>
<h3 style="text-align: left;">
19. Buffer</h3>
<div>
Buffer is another most popular tool and application which be 
helpful for bloggers to drive more traffic. This is not mostly related 
to SEO but I would like to share them because this is awesome. This tool
 allows you to share the posts of your blog on different social 
networking sites with one click only. You can promote your blog on social networks while snoozing by scheduling posts. Simply, this tool helps you to socialize your content easily.<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-8224162800388116" data-ad-format="auto" data-ad-slot="4558130384" style="display: block;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<h3 style="text-align: left;">
20. Craftkeys</h3>
<div>
Craftkeys is a useful tool for bloggers to analyze the competitor’s
 keywords. By this tool, you can easily know that what keywords your 
competitor is trying to rank in Google and helps you to beat him/her. 
This tool gives you good information about keywords of the competitor 
just by giving domain, url or keyword.</div>
</div>

Top 20 Best Free SEO Tools For Bloggers

SEO stands for Search Engine Optimization and it is a brilliant thing for Bloggers and Webmasters to drive the real unlimited traffic f...

Collection Of The Best SEO Blogger Tricks For Newbies

<span style="font-family: Arial,Helvetica,sans-serif;">Sometimes people new to the blogging world also waste their huge 
amount on hiring SEO experts for their blogs but I am not in this favor 
because Search Engine Optimization of your blog is not such a difficult 
job and you can do it easily by your own.</span>
<span style="font-family: Arial,Helvetica,sans-serif;"><a href="https://www.blogger.com/null" name="more"></a></span><br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-8224162800388116"
     data-ad-slot="4558130384"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<h3 style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">Best SEO Blogger Tricks</span></h3>
<h4 style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">1. Use Suitable, Relevant and Attractive Post Title</span></h4>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">Yes that’s true, you should use a 
relevant, suitable and attractive title for your post. Because as its 
human nature that whenever a person searches something and your post 
appears in it, if your post title is attractive the searcher will 
quickly land on your blog. So, just see the below tips to make your post
 titles attractive.</span></div>
<ol style="text-align: left;">
<li><span style="font-family: Arial,Helvetica,sans-serif;">Use Targeted Keywords in your post title.</span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">Don’t make it too long or too short, just make it that way so the people can understand it.</span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">Don’t use complex wording in titles because usually people search using common words and in this way your post will not appear</span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">Never use more than 65 characters in your post title.</span></li>
</ol>
<h4>
<span style="font-family: Arial,Helvetica,sans-serif;"> 2. Use Targeted Keywords In Your Article</span></h4>
<span style="font-family: Arial,Helvetica,sans-serif;">Use targeted keywords in your article as it is considered an 
important part of the on-page SEO, but keep in mind don’t use it too 
much because it will come in the criteria of Black Hat SEO than. Ideal 
keyword density, used in an article is about 2-5%.<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-8224162800388116"
     data-ad-slot="4558130384"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></span><br />

<h4 style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">3. Show Post Title First In Search Engines</span></h4>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">By default in blogger templates, the blog
 title is displayed first in search engine and the post title is 
displayed after it. This should not happen because if your blog title is
 long, when people will search something related to your blog niche, 
your blog posts will also appear but in search your blog title will be 
visible only due to which the visitors will not visit your blog. So, for
 correcting this thing we have had to add a piece of coding in blogger 
template.<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-8224162800388116"
     data-ad-slot="4558130384"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></span></div>
<ol style="text-align: left;">
<li><span style="font-family: Arial,Helvetica,sans-serif;">Go to Blogger Dashboard >> Template >> Edit HTML.</span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">Search for<b> <title><data:blog.pageTitle/></title></b></span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">Replace the above code with below codes.</span></li>
</ol>
</div>
<blockquote>
<span style="font-family: Arial,Helvetica,sans-serif;"><b:if cond=’data:blog.pageType == 
&quot;index&quot;’> 
<title><data:blog.title/></title> <b:else/> 
<title><data:blog.pageName/> | 
<data:blog.title/></title> </b:if></span></blockquote>
<h4 style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">4.  Turn on H2 Heading Tag For Post Title</span></h4>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">Headings are the most important HTML 
tags. Usually we use H1 tag for blog’s post and H2 for the post titles 
but by default in blogger templates, blogger uses H3 for post title so 
we must promote post titles from H3 to H2. See the trick number three in
 the following link to turn on H2 heading tag for post title.</span></div>
<h4 style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"> 5. Optimize Labels Links In Blogger</span></h4>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">Labels are very precious items in blogger
 as we can use them as separate categories. But these labels sometimes 
provide difficulty for the search engine because search engine crawlers 
take these labels as content pages and index them. So, we have to tell 
the crawlers that they are not allowed for indexing so that it shouldn’t
 create the duplicate content issue.<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-8224162800388116"
     data-ad-slot="4558130384"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></span></div>
<div style="text-align: left;">
<ol style="text-align: left;">
<li><span style="font-family: Arial,Helvetica,sans-serif;">Go to Blogger Dashboard >> Template >> Edit HTML.</span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">Search for <b><a expr:href=’data:label.url’</b></span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">Replace the above code with the below code</span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">Save Template!</span></li>
</ol>
</div>
</div>
<blockquote>
<span style="font-family: Arial,Helvetica,sans-serif;"><a expr:href=’data:label.url’ rel=’tag’</span></blockquote>
<h4 style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">6. Optimize Comment Content Links</span></h4>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">Do you receive huge amount of comments 
daily ? Then you might have noticed that some commentator’s insert the 
outgoing and irrelevant links in the comments which are not good for the
 proper SEO. So, we’ve to insert the no-follow attribute for it which 
will tell the search engine’s crawler to do not follow it.</span></div>
</div>
<ol style="text-align: left;">
<li><span style="font-family: Arial,Helvetica,sans-serif;">Go to Blogger Dashboard >> Template >> Edit HTML.</span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">Search for expr:href=’data:post.createLinkUrl’</span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">Replace the above code with this following.</span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">Save it.</span></li>
</ol>
</div>
<blockquote>
<span style="font-family: Arial,Helvetica,sans-serif;">rel=’external nofollow’ expr:href=’data:post.createLinkUrl’</span></blockquote>
<h4 style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">7. Optimize Blog Archive Widget For Better SEO</span></h4>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">This problem is almost same with the 
optimizing labels links. Archive and Labels pages show the same posts 
which are sent to the search engine for index. Now, the posts are 
already indexed and if the search engine’s robot come to label and 
archive pages then it will see the same content which is already indexed
 and here it makes the duplicate content issue. So let’s disable the 
archive pages for index.</span></div>
<ol style="text-align: left;">
<li><span style="font-family: Arial,Helvetica,sans-serif;">Go to Blogger Dashboard >> Template >> Edit HTML.</span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">Search for <a class=’post-count-link’ expr:href=’data:i.url’></span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">Replace the above code with this following code.</span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">Save it.</span></li>
</ol>
</div>
<blockquote>
<span style="font-family: Arial,Helvetica,sans-serif;"><a rel=”archives” class=’post-count-link’ expr:href=’data:i.url’></span></blockquote>
<h4 style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">8. Enable Search Description and Custom Robots Header Tags</span></h4>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">You can write a description of your blog 
as well as a separate description for every single post but for this you
 have to do some work. Checkout these posts for detailed Search Description and Custom Robots Header Tags guide. Just follow the below simple steps.</span></div>
<ol style="text-align: left;">
<li><span style="font-family: Arial,Helvetica,sans-serif;">Go to Blogger Dashboard >> Settings >> Search Preferences >> Meta Tags >></span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">Tick Mark Yes and write maximum description of your blog within 150 words.</span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">Now below the same page their will be an option <b>Custom Robots Header Tags</b>. Enable it and adjust the settings same as below .</span></li>
</ol>
<div style="clear: both; text-align: center;">
<span style="font-family: Arial,Helvetica,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL14mKKzMFkCfKqpHs6vR_6fydNfGuNH-AmguKy9qdkPT_Kh63B42z7BXdixRo5UOTXdmupXVJzTmhCtTn7ojCo-IsBdEyfq_uXNDHaHuQcpqSZ7ff_Cdqeg7-j-j5yEZv43JB4KHCzpCW/s1600/custom+robots+header+tags.png" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL14mKKzMFkCfKqpHs6vR_6fydNfGuNH-AmguKy9qdkPT_Kh63B42z7BXdixRo5UOTXdmupXVJzTmhCtTn7ojCo-IsBdEyfq_uXNDHaHuQcpqSZ7ff_Cdqeg7-j-j5yEZv43JB4KHCzpCW/s1600/custom+robots+header+tags.png" /></a></span></div>
<span style="font-family: Arial,Helvetica,sans-serif;"><b>Save changes.</b> By this you can write a separate meta 
description for a single post which is a very good option as it will 
help your post better ranked in search engine.</span><br />

<span style="font-family: Arial,Helvetica,sans-serif;">When writing a post, you will see a box named search description on 
the right sidebar, where you can write a search description for the post
 you are going to write.</span><br />

<h4 style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">9. Add a Custom Robots.txt File</span></h4>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">This is an advanced option. This option 
was not available in the blogger’s old interface but is present in the 
new interface. You have to use this option correctly otherwise it will 
be causing trouble for you. By this option you can tell the search bots,
 which part of your blog should be indexed and which should be not. Just
 follow the below simple steps.</span></div>
<ol style="text-align: left;">
<li><span style="font-family: Arial,Helvetica,sans-serif;">Go to Blogger Dashboard >> Settings >> Search Preferences</span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">At the end there will be <b>Custom Robots.Txt </b>.</span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">Tick mark <b>Yes </b>to enable.</span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">After tick marking yes, a box will appear where you have to insert 
the piece of coding which will be understandable for search engine 
crawlers. Just insert the below coding in that box.</span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">Replace <b>yourdomain</b> with your domain.</span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">Save it.</span></li>
</ol>
</div>
<span style="font-family: Arial,Helvetica,sans-serif;">
</span><blockquote>
<span style="font-family: Arial,Helvetica,sans-serif;">User-agent: Mediapartners-Google<br />
Disallow:<br />
User-agent: *<br />
Disallow: /search?q=*<br />
Disallow: /*?updated-max=*<br />
Allow: /</span><br />

<span style="font-family: Arial,Helvetica,sans-serif;">Sitemap: http://www.yourdomain.com/feeds/posts/default?orderby=updated</span></blockquote>
</div>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-8224162800388116"
     data-ad-slot="4558130384"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Collection Of The Best SEO Blogger Tricks For Newbies

Well, guys! You might know already that Search Engine Optimization is the back-bone of your blog. Your all over success and popula...

How To Enable Comment Moderation In Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4aMmpEVj28qw65Vrs9xCM4OSFnJXzjcNfIZqqChzBhYI7Kqhyi_0r7AL8_qGOoVr3iongBrk-Md__UhdHsGGl_m3xOo5-ytYgq569-YH4gCr2vLWxi16MCeNTXlXmvZcUqESjMOtdUAV_/s1600/Comment+Moderation.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Comment Moderation" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4aMmpEVj28qw65Vrs9xCM4OSFnJXzjcNfIZqqChzBhYI7Kqhyi_0r7AL8_qGOoVr3iongBrk-Md__UhdHsGGl_m3xOo5-ytYgq569-YH4gCr2vLWxi16MCeNTXlXmvZcUqESjMOtdUAV_/s1600/Comment+Moderation.jpg" /></a></div>
As you know that Blogger is being used by millions of users. 
Thousands of blogs are created daily to publish the content online. Some
 blogs get popular in just little time due to it’s unique content and 
they also get high number of comments daily. Well, commenting system is 
good for a blog. People can easily ask anything in comments and it helps
 the blog in different things. Some users or visitors or haters of the 
blog use to spam in comments through the software or manually and some 
add the links in comments to increase their traffic and back-links. 
These both things are always hated by the blog owner and wants to remove
 them. Keeping this in eye, we’ve an idea for the blog owner who is 
facing these kind of problem. So, we strongly recommend the blog owner 
to enable comment moderation because that is the perfect solution and 
you can also learn here how to do that.<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-8224162800388116"
     data-ad-slot="7511596786"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><br />
<a href="https://www.blogger.com/null" name="more"></a><br />
<h3 style="text-align: left;">
How Comment Moderation Works?</h3>
<div>
Well, If you are new in the blogging world and don’t know about 
comment moderation then you may want to ask this question. Let me tell 
you that how it works. After enabling this, when someone will post the 
comment on your blog then he will get the message “<i>Your comment will be visible after approval</i>“.
 After that you will be informed by email that someone has left the 
comment on your blog and you will also see that awaiting moderation in 
the “<i>Comments Awaiting Moderation</i>” area. Now it’s your choice to publish that comment or delete it.</div>
<h3 style="text-align: left;">
Benefits</h3>
<div>
<ul style="text-align: left;">
<li>Good Bye To Spam</li>
<li>No More Links In Comments</li>
<li>Haters Can’t Annoy You</li>
<li>Cleaned Commenting Area</li>
</ul>
<h3 style="text-align: left;">
Enable Comment Moderation </h3>
<div>
This is not so difficult. You can do it in just few clicks. Just follow the simple steps.<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-8224162800388116"
     data-ad-slot="7511596786"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<div>
<ul style="text-align: left;">
<li>Go To Blogger >> Your Blog >> Settings</li>
<li>Click On Posts and Comments From Sidebar and You Will See Comments Area There.</li>
<li>Here You Just Have To Tick Mark “<b>Always</b>” In The Comment Moderation.</li>
</ul>
<div style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1MPRKpJX-_Eke-xRdqaPH6jZZpMJRamkhiGBypngx_TA5KN9Y64U8I7p-Uqw0FpaCoorJ6D80wUThXKLexlk1x3z40ItBmCE_hyphenhyphenIs6f3wXLCKmLjwxxGvE9aKe4IOMvjSvuJG6yHgbrEW/s1600/comment+moderation.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1MPRKpJX-_Eke-xRdqaPH6jZZpMJRamkhiGBypngx_TA5KN9Y64U8I7p-Uqw0FpaCoorJ6D80wUThXKLexlk1x3z40ItBmCE_hyphenhyphenIs6f3wXLCKmLjwxxGvE9aKe4IOMvjSvuJG6yHgbrEW/s1600/comment+moderation.png" /></a></div>
<ul style="text-align: left;">
<li>After That You Will Be Asked That On Which Email Address They Should
 Send Moderation Requests. Just Enter The Email Address In The Box.</li>
</ul>
<div style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS0ucIHvNqcH7SbCehFp-zV_HMjk6bZoLZpFug_BbPXbGncFvstPTICW5LHZqK_i9BAnpaGVmA4JTUTDwQ-rVJbhCrKD5Mx1yvadiAe6GL5JOXNaxXXO6xfvgA3xRyq31sjIq9RYbSqdXq/s1600/email+moderation+requests.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS0ucIHvNqcH7SbCehFp-zV_HMjk6bZoLZpFug_BbPXbGncFvstPTICW5LHZqK_i9BAnpaGVmA4JTUTDwQ-rVJbhCrKD5Mx1yvadiAe6GL5JOXNaxXXO6xfvgA3xRyq31sjIq9RYbSqdXq/s1600/email+moderation+requests.png" /></a></div>
<ul style="text-align: left;">
<li>Now Just Click “<b>Save Settings</b>” Button At The Top Right Side.</li>
<li><b>That’s All!</b></li>
</ul>
<h3 style="text-align: left;">
<b>Last Words</b></h3>
<div>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-8224162800388116"
     data-ad-slot="7511596786"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
I think this is for important for those blogs who are getting high 
number of comments. Well, I hope this little tutorial is going to help 
you. If you are facing any problem then feel free to ask in comments and
 also share your ideas about the this post in comments. Take a lot of 
care of you and your family.</div>
</div>
</div>
</div>

How To Enable Comment Moderation In Blogger

As you know that Blogger is being used by millions of users. Thousands of blogs are created daily to publish the content online. Some b...

How To Use Blogger? Start Blogging – Complete Guide For New users

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;">
<div style="clear: both; text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi64xy4yRp8WeINopIWNYtoA5Lwn1FEXWTdoJqAM6DUvyCdK_4xxOt6IFKIey-s7HW5papBrIgUNO_Lq14NVYsOlL7vzal6j-xaPQmIOlNn0BT5TYhS5Y9tiggwKQuNjdCYuoG8oo9Vj4/s400/Blogger.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Blogger" border="0" height="144" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi64xy4yRp8WeINopIWNYtoA5Lwn1FEXWTdoJqAM6DUvyCdK_4xxOt6IFKIey-s7HW5papBrIgUNO_Lq14NVYsOlL7vzal6j-xaPQmIOlNn0BT5TYhS5Y9tiggwKQuNjdCYuoG8oo9Vj4/s320/Blogger.jpg" width="320" /></a></span></div>
<h3 style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">What is Blogger?</span></h3>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Blogger is a popular CMS (Content Management System) which is owned
 by Google. People use to join it for sharing their content online 
through creating a blog. Blogger gives you full control of your blog to 
manage or run it easily. You can say that it is a web based tool that 
helps to create and publish a blog instantly. You will not need much 
knowledge about coding to create a blog on Blogger because it works like
 an editor. However, If you have knowledge about coding then you can 
further feel easy to edit or design your blog.<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px"
     data-ad-client="ca-pub-8224162800388116"
     data-ad-slot="4519179584"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><br /><a href="https://www.blogger.com/null" name="more"></a></span></div>
<h3 style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">How To Use Blogger ?</span></h3>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">This is not so difficult as you think. Below I’ve listed a complete guide for newbies. So go and get it now!</span></div>
<h4 style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Creating a Blog</span></h4>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">In order to create a blog, You will need to join Blogger first with
 your Gmail account. So join it and login to your account there to 
start. Follow the below steps to create a blog.</span></div>
<div>
<ul style="text-align: left;">
<li><span style="font-family: "arial" , "helvetica" , sans-serif;">Login To Your Account</span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;">Click on “<b>New Blog</b>” Button on Left Side</span></li>
</ul>
<div style="clear: both; text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-13FoXBmNcWYAWAQS6T412l9htB44QN4cTk3RhBPYpWl-dVxPQTfGjcun1ezwnHUpDMZM27F9f5CfoxRdRDkD_vNs7Jn7egSMyX4uVygtC-VUYMYAECw4L_ByFWXQq4ByfqC5A3LIrzI/s400/New+Blog.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="122" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-13FoXBmNcWYAWAQS6T412l9htB44QN4cTk3RhBPYpWl-dVxPQTfGjcun1ezwnHUpDMZM27F9f5CfoxRdRDkD_vNs7Jn7egSMyX4uVygtC-VUYMYAECw4L_ByFWXQq4ByfqC5A3LIrzI/s320/New+Blog.PNG" width="320" /></a></span></div>
<ul style="text-align: left;">
<li><span style="font-family: "arial" , "helvetica" , sans-serif;">Now a pop up will appear where you will be asked for a few things which are explained below.</span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Title </b>: Here you have to write the main title or the name of your blog which you are going to create.</span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Address </b>: In this text area, You have to write the address of
 your blog and must check that it is available. This will appear in the 
address bar of the web browser and by this someone can enter into your 
blog.</span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Template </b>: So, here you have to choose the theme or design of your blog. Click on anyone template to choose it.</span></li>
</ul>
<div style="clear: both; text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXvae1Pk1raGVJcDB7-pOD5sqJECeQF82lJX9fxFRaNWD2Lfdz8MQ8Xv-p31cbd6f1e_ZWhz7r0zdojVrRSGBRCqlVWgdttQBJIy2Nhaq6eOnxFp_EJv_4DD3Rk_fGRsfrlor588Y1uCQ/s400/Creating+A+Blog+2.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="274" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXvae1Pk1raGVJcDB7-pOD5sqJECeQF82lJX9fxFRaNWD2Lfdz8MQ8Xv-p31cbd6f1e_ZWhz7r0zdojVrRSGBRCqlVWgdttQBJIy2Nhaq6eOnxFp_EJv_4DD3Rk_fGRsfrlor588Y1uCQ/s320/Creating+A+Blog+2.PNG" width="320" /></a></span></div>
<ul style="text-align: left;">
<li><span style="font-family: "arial" , "helvetica" , sans-serif;">Now after filling all these things, You have to click on “<b>Create Blog</b>” orange button which is placed at the bottom. So you have now created a blog. Let’s jump to the next step.</span></li>
</ul>
<h4 style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Creating Posts</span></h4>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">After creating a blog, The next step is the creating posts. 
Creating posts mean to build your content for online publishing. There 
in Blogger, You have to create posts on any topic which you want to 
publish. So let’s begin that how can we create a post.<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px"
     data-ad-client="ca-pub-8224162800388116"
     data-ad-slot="4519179584"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></span></div>
<div style="text-align: left;">
<ul style="text-align: left;">
<li><span style="font-family: "arial" , "helvetica" , sans-serif;">In order to create a new post, Click on “<b>New Post</b>” button with pencil icon.</span></li>
</ul>
<div style="clear: both; text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx8srQGY8RLlZtXuUrYOZPNvJIEVLwM0N06XWc23ZJOLtouAYyM1lwXB0VJvpObprNAnL2Bn7gk_GES4xrPp8Au-L4dulUfwyuoqOS-4eceIrOVGPyo8btGAnM7U_LJyEdlA0wojV1V5U/s640/new+post.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="68" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx8srQGY8RLlZtXuUrYOZPNvJIEVLwM0N06XWc23ZJOLtouAYyM1lwXB0VJvpObprNAnL2Bn7gk_GES4xrPp8Au-L4dulUfwyuoqOS-4eceIrOVGPyo8btGAnM7U_LJyEdlA0wojV1V5U/s640/new+post.png" width="550" /></a></span></div>
<ul style="text-align: left;">
<li><span style="font-family: "arial" , "helvetica" , sans-serif;">Now you will be entered in the Post Editor and let’s learn this post editor.</span></li>
</ul>
<div>
<div style="clear: both; text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcDTeQea4p4vNgV9gVcxJtUavOsP8vuYmIttJWS05GCrHBvt_LV3y4qXcB4uiCfoZbsTZUVxbmkemiaqM8vd_jclravy2tvcylHoJPhaGkuBhhqyuN9MSaRj6SZQsdc-bwrMA_UlvUEvU/s400/Post+Editor.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcDTeQea4p4vNgV9gVcxJtUavOsP8vuYmIttJWS05GCrHBvt_LV3y4qXcB4uiCfoZbsTZUVxbmkemiaqM8vd_jclravy2tvcylHoJPhaGkuBhhqyuN9MSaRj6SZQsdc-bwrMA_UlvUEvU/s320/Post+Editor.png" width="320" /></a></span></div>
<ul style="text-align: left;">
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Post Title</b> : You can see the text area on the top, where you 
have to write the topic or post title of your post and it will be the 
heading of that post or topic.</span></li>
</ul>
<div style="clear: both; text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL37SNett-P7W1yFEffxnhPBO3CUFFtgd2dGejpTQVYC5r_ftjlQaosGESMnjP86e03LdmB128K5QGPMfnidKEteBfJY340juYLHAAIN0r-k8xCs67HQ4sOTtS93cq-PWMM0ycPNwTHm0/s640/Post+title.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="43" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL37SNett-P7W1yFEffxnhPBO3CUFFtgd2dGejpTQVYC5r_ftjlQaosGESMnjP86e03LdmB128K5QGPMfnidKEteBfJY340juYLHAAIN0r-k8xCs67HQ4sOTtS93cq-PWMM0ycPNwTHm0/s400/Post+title.png" width="550" /></a></span></div>
</div>
</div>
<div>
<ul>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Post Body </b>: You can see a long box which is post body and in 
that box you have to write, create, edit or create the shape of your 
post by using the tools.</span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Tools Menu</b> : Below post title you can see there is tools menu
 by which you can make your post. In that tools menu, You can change or 
edit the text style, font, heading, bold text, italic text, underline 
text, color, background color and many more. You can also add image, 
video and blockquote with the help of that tools menu. </span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Compose | HTML</b> : These are two tabs which are placed with the
 tools menu. In the compose tab, You can make your post with the help of
 post editor and in the HTML tab, You will have to make the post by 
coding. So it’s your choice that which method of creating post you 
choose.</span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Labels</b> : This thing is placed in the right sidebar or in post
 settings. In the label box, you have to add the sub-category of your 
post. It mean you can categorize your posts by using labels.</span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Permalink</b> : In the permalink, you can create the custom URL 
of your post. That URL will be only for that single post and you can 
also use automatic system to create your post’s URL.</span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Publish, Save, Preview and Close Buttons</b> : These buttons are 
added on the top right corner for the better navigation. The Publish 
button will publish your post on your blog. Save button will save your 
post in drafts and you can use Preview button to know that how your post
 will look like.<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px"
     data-ad-client="ca-pub-8224162800388116"
     data-ad-slot="4519179584"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></span></li>
</ul>
<h4 style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Creating Pages</span></h4>
</div>
</div>
<div style="clear: both; text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNvFK3CVWb-6dtAnfbcvrFKW66L0OaMgs7J-HwL05r4I_OYIclIv3iZvpO-rfhplOYxxdlqb33oVkv1V9DUD4eYA-4fZ0v1QaHIg4hg2cShu3mi8guTiyA8o4-s5-zc6_oAw_AsupnU98/s1600/pages.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNvFK3CVWb-6dtAnfbcvrFKW66L0OaMgs7J-HwL05r4I_OYIclIv3iZvpO-rfhplOYxxdlqb33oVkv1V9DUD4eYA-4fZ0v1QaHIg4hg2cShu3mi8guTiyA8o4-s5-zc6_oAw_AsupnU98/s320/pages.png" width="320" /></a></span></div>
<div style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">You can create pages by going to your blog’s <b>Pages </b>page. There click on new page drop down menu and choose the <b>Blank Page</b>. Now the editor will come which looks like the <b>Post Editor</b>.
 There you can edit or create the page and publish it. But one thing I 
want to tell you that Pages and Posts are different. You have to create 
posts for the content which you will provide on your blog and you can 
only create specific pages like about us, contact us, privacy policy 
with the help of pages section.<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px"
     data-ad-client="ca-pub-8224162800388116"
     data-ad-slot="4519179584"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></span></div>
<h4 style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Comments Section</span></h4>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">So in this section, You can see your all blog’s comment. There are 
three sub-sections in comment section which are explained below.</span></div>
<div>
<ul style="text-align: left;">
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Published Comments</b> : In this section you can delete or add in spam those comments which are published on your blog.</span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Awaiting Moderation </b>: In this second section you can publish or delete those comments which are awaiting moderation. </span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Spam</b> : So in the third and last section, you can control those comments which are caught in spam. </span></li>
</ul>
<h4 style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Stats</span></h4>
</div>
<div style="clear: both; text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2RZU8vQCuuypU1phA7Ucd4v3mO53OxUDRmm0MIGg7ADFKrhpZTNjRNJu2h70UXsqR2DnIC6H000Hb0c-opX5l1HgXmbCzz99-8A6VnOuA3Zds9coHMNxllIMVYhpj4EeTS7c7wY_-cKM/s320/Blogger+Stats.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Blogger Stats" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2RZU8vQCuuypU1phA7Ucd4v3mO53OxUDRmm0MIGg7ADFKrhpZTNjRNJu2h70UXsqR2DnIC6H000Hb0c-opX5l1HgXmbCzz99-8A6VnOuA3Zds9coHMNxllIMVYhpj4EeTS7c7wY_-cKM/s320/Blogger+Stats.png" /></a></span></div>
<div style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">In the stats page, You can 
get the fully report about the visitors of your blog. How many visitors 
and page views you got in month, a day, from where your visitors are 
coming to your blog, which are the most popular posts of your blog and 
many more things about your visitors will be displayed here in stats 
page.<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px"
     data-ad-client="ca-pub-8224162800388116"
     data-ad-slot="4519179584"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></span></div>
<h4 style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Earnings</span></h4>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Well, here you will get the report about your earnings. How much 
you have earned this month, today and how much clicks your got, all the 
reports about your earning will be displayed here but you will need to 
add Google AdSense account in your blog. After that your earnings will 
be reported there otherwise there you will be invited for joining Google
 AdSense.</span></div>
<h4 style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Layout</span></h4>
<div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">So here you will see the layout of your blog where you can see the 
elements of your blog. You can add, edit, drag or arrange the gadgets of
 your blog with the help of layout page. In order to edit any element or
 gadget, you will have to click Edit a little link which is placed at 
the bottom right corner of every widget and make the changes which you 
want. For replacing the elements or gadgets of your blog, simply click 
on any gadget and drag it where you want to place it and then click save
 to complete to process.<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px"
     data-ad-client="ca-pub-8224162800388116"
     data-ad-slot="4519179584"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></span></div>
</div>
<h4 style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Template</span></h4>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">In this page, You can edit or customize the theme or design of your
 blog without the use of coding. You will simply need to use the Blogger
 Template Designer to edit the theme of your blog. However, if you want 
to edit it with coding then you can further use HTML Editor to edit it. 
You can also change the theme of your blog there and backup and restore 
options of your blog template are also available there.<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px"
     data-ad-client="ca-pub-8224162800388116"
     data-ad-slot="4519179584"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></span></div>
<div>
<h3>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Last Words</span></h3>
</div>
<div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">So friends, It was our Blogger.com. After reading the above full 
article, I hope you have got something about Blogger. In fact, these are
 the basic things about Blogger and we’ll give the article on every 
topic about Blogger in future. So friends, keep posting more and more 
posts on your blog that will success you and also stay connected with us
 for more little things about Blogger. Take a lot of care of you and 
your family.</span></div>
</div>
</div>
</div>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px"
     data-ad-client="ca-pub-8224162800388116"
     data-ad-slot="4519179584"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

How To Use Blogger? Start Blogging – Complete Guide For New users

What is Blogger? Blogger is a popular CMS (Content Management System) which is owned by Google. People use to join it for sharing th...