NicksLogy.Tech: BLOGGER TRICKS

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 Show Author Profile Picture In Google Search Results

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="clear: both; text-align: center;">
<span style="font-family: Arial,Helvetica,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho_gZRpns7SYVNWi74_j_WyTi9SWVMk0Tw9ZUit8moIR5FLvZ-eObiiZmpm-A6cA3CPzfsXSFYv6ObG8U9rxng4Y2USK5Afeg_3ji4kOkEAJVspZzQbq2TB7mk15ZWbgHhkn1a38lrcxNs/s1600/Show+Author+Image+In+Google+Search.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Show Author Picture In Google Search" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho_gZRpns7SYVNWi74_j_WyTi9SWVMk0Tw9ZUit8moIR5FLvZ-eObiiZmpm-A6cA3CPzfsXSFYv6ObG8U9rxng4Y2USK5Afeg_3ji4kOkEAJVspZzQbq2TB7mk15ZWbgHhkn1a38lrcxNs/s1600/Show+Author+Image+In+Google+Search.png" title="Show Author Picture In Google Search" /></a></span></div>
<span style="font-family: Arial,Helvetica,sans-serif;">Google is making a lot of improvements and introducing latest 
features in their whole system for the development. Some months ago, the
 latest feature was introduced specially for webmasters and bloggers and
 that is Google Authorship Markup. It is a kind of certificate or 
license which helps webmasters and bloggers to produce content is a 
better way. If you’ve verified your Google Authorship then whenever 
you’ll search for any keyword and if your webpage appears in the search 
results then it will be having a profile picture or it will appear like 
thumbnails. Most of webmasters are willing to get their verified Google 
authorship to show the author image and today here I’ll be guiding them 
on how can we verify Google authorship and show author image in search 
results.
</span><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><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;">In order to display author profile picture in Google search, you may setup profile picture for Google+ and you can use photoshop online free to edit or customize your picture.</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<h3 style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">
Display Author Profile Picture In Google Search</span></h3>
<div>
<span style="font-family: Arial,Helvetica,sans-serif;">In order to show the profile picture in Google search results, you 
will need a Google+ account. Because, you’ve to connect the Google+ 
account with your Blogger account. It actually shows the Google+ 
profile, that’s why It is required. There are two main methods to to get
 the Google authorship verified. The first one is verifying with domain 
email and second is one by manually inserting the <b>rel=’author’</b> 
attribute to the Google+ profile links. And second method needs to link 
the profile with your site manually. We’re going to discuss these both 
methods below.</span><br />
<h4 style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">
Method#1 : Verifying The Domain Email</span></h4>
</div>
<div>
<span style="font-family: Arial,Helvetica,sans-serif;">Verifying the Google authorship with domain web email is not 
difficult. But it is the most easiest way. And here you will just need 
to have an email address created in your domain hosting panel or control
 panel. If you’ve bought the hosting of your domain then you can easily 
create that email or you might have already created. It will look like <b>yourname@yourdomain.com</b> or simply my email address <b>yaqoob@bloggeryard.com</b>.
 You can also contact your hosting provider or 24×7 to create that kind 
of email if you’ve hosting. Let’s come to start the tutorial.</span></div>
<div>
<ul style="text-align: left;">
<li><span style="font-family: Arial,Helvetica,sans-serif;">First of all, Sign in to your Google+ account.</span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">Secondly, Go to Google authorship markup.</span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">There in the right side, you will see an input box in the last for 
domain email address. Simply fill the email address which you’ve but 
remember it must be created in your domain hosting like <b>yaqoob@bloggeryard.com</b></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/AVvXsEipjSmGU69A63kbZjablkDYCZmze4d4nNcbw9ifrOWRznOi1zkxJSqkp214TVwrcnYuDMjI61oNWi-Z-HbXbAEXGFIGz6QAV0CZWJ6Asb2w-ugQ4uxy7-89FUQrb1tK50jt1oNkjkJ_hgMh/s1600/entering+email+address+google+authorship.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipjSmGU69A63kbZjablkDYCZmze4d4nNcbw9ifrOWRznOi1zkxJSqkp214TVwrcnYuDMjI61oNWi-Z-HbXbAEXGFIGz6QAV0CZWJ6Asb2w-ugQ4uxy7-89FUQrb1tK50jt1oNkjkJ_hgMh/s1600/entering+email+address+google+authorship.png" /></a></span></div>
<div>
<ul style="text-align: left;">
<li><span style="font-family: Arial,Helvetica,sans-serif;">After entering the email address, easily click on “Sign Up For Authorship” button at the bottom.</span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">Now you will receive an email address for confirmation that email. It will be having a link which you’ve to click.</span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">Open the inbox of that email and click on the confirmation link.</span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">A message will appear that you’ve verified the email address.</span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;"><b>That’s All </b>for verifying Google authorship with email address.</span></li>
</ul>
<h4 style="text-align: left;">
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><span style="font-family: Arial,Helvetica,sans-serif;">

Method#2 : Manually Verifying Google Authorship With rel=’author’</span><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></h4>
</div>
</div>
<div>
<span style="font-family: Arial,Helvetica,sans-serif;">This is another manual method specially for those who don’t have 
the hosting for domain and still want to get verified Google authorship.
 This might be difficult for you but I don’t think you will face any 
problem in doing this method if you follow this tutorial carefully. In 
this method, we’ll make use of <b>rel=’author’</b> attribute which help us and Google to verify the authorship. In this method you need an <b>About Us</b> page
 created in your blog and Google+ profile is also required as it is 
already needed while verifying Google authorship. So, let’s begin the 
tutorial.</span></div>
<div>
<span style="font-family: Arial,Helvetica,sans-serif;"><b>Step#1 : Adding Google+ Badge Widgets In Sidebar</b></span></div>
<div>
<span style="font-family: Arial,Helvetica,sans-serif;">The first thing is that I recommend to add the Google+ badges or 
widgets in your blog anywhere you want. But I think sidebar is the best 
idea. This will help you to get linked your profile and Google+ page 
with your site that will also help to Google in understanding that this 
is your own site. There is not any long process to add these widgets in 
your blog but previously, I’d shared a tutorial on how can we these kind
 badges in our blogger blogs. Just land on the tutorial given in the 
last upcoming sentence and follow the tutorial. I recommend to add the 
two widgets which are your Google+ profile and Google+ page if you have.
 Same as I’ve added in the sidebar, look at the sidebar and here is the 
tutorial.
</span><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>
<div>
<span style="font-family: Arial,Helvetica,sans-serif;"><b>Step#2 : Using <span style="color: green;">rel=’author’</span> Attribute In About Us Page</b></span></div>
<ul style="text-align: left;">
<li><span style="font-family: Arial,Helvetica,sans-serif;">Go to pages in Blogger and edit the <b>About Us</b> page.</span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">Enter into the <b>HTML Tab</b> and add the following link code anywhere where you want to add.</span></li>
</ul>
<blockquote>
<span style="font-family: Arial,Helvetica,sans-serif;"><a href=”https://plus.google.com/<b>GOOGLE+ ID</b>/” <b><span style="color: #38761d;">rel=’author’</span> </b>target=’ _blank’ ><b>Your Name</b></a></span></blockquote>
<ul style="text-align: left;">
<li><span style="font-family: Arial,Helvetica,sans-serif;">Replace <b>Google+ ID </b>with the ID of your Google+ profile. [You will see the long ID number in the URL of your profile]</span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">Replace <b>Your Name</b> With Your Name.</span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">Don’t touch or remove the<span style="color: #38761d;"> <b style="background-color: white;">rel=’author’</b> </span>otherwise the tutorial won’t work. </span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">Publish or Update the <b>About Us</b> page.</span></li>
</ul>
<div>
<span style="font-family: Arial,Helvetica,sans-serif;"><b><span style="color: red;">Note :</span> </b><i>After adding the 
rel=’author’ link in your about us page, if you’ve more links in your 
blog going to your Google+ profile then I recommend to add rel=’author’ 
to all them. I’m not saying to add other links on any other place but If
 your google+ profile link is already added before the tutorial then you
 should add rel=’author’ to the link. Mostly, people have used social 
widgets in which Google+ profile link might be available. So if also 
have any kind of widget then add rel=’author’ to that link in that 
widget for the quick verification.<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<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></i></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><i><br /></i></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><b>Step#3 : Adding your blog link in Google+ profile</b></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">By continuing the tutorial, this is last 
part of the tutorial in which we’ll insert your blog link in your 
profile. And this will make sure to the Google that you’re the actual 
owner. I won’t waste your time and I’m not going into deep. Here is the 
tutorial.</span></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;">Go to the About page.</span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">Scroll down and <b>Links </b>section will appear.</span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">Click Edit button and a popup will appear. Simply, Add the link there.</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/AVvXsEgwK4re_upVwItUUO3X2QDBhH7Var7sZoPpuaVq8tAH7eh_eUWf9IJUoF0NZ1ulWALh7v-9Gn-L9C0cVl7FSjWjW61Gh_ZdbtOQMMYkMKbNk_8kCxqjyX6vIvJ1hu8GCQxLZBkhX2-7DUSt/s1600/adding+link+in+google+.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwK4re_upVwItUUO3X2QDBhH7Var7sZoPpuaVq8tAH7eh_eUWf9IJUoF0NZ1ulWALh7v-9Gn-L9C0cVl7FSjWjW61Gh_ZdbtOQMMYkMKbNk_8kCxqjyX6vIvJ1hu8GCQxLZBkhX2-7DUSt/s1600/adding+link+in+google+.png" /></a></span></div>
<div>
<ul style="text-align: left;">
<li><span style="font-family: Arial,Helvetica,sans-serif;">After placing the link there. Save your profile and you’ve done!</span></li>
</ul>
<h4 style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">
Checking How The Profile Picture Will Appear In SERPs</span></h4>
</div>
<span style="font-family: Arial,Helvetica,sans-serif;">This is the additional or advanced part of the post and in this 
part, we’ll check that how the profile picture will appear in Google 
search results. By default, it will take about a week to completely 
display the picture in SERPs but there is a tool given by Google and by 
use of this, we can check that the authorship is verified correctly or 
not. So, let’s check it.
</span><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>

<ul style="text-align: left;">
<li><span style="font-family: Arial,Helvetica,sans-serif;">Go to <a href="http://www.google.com/webmasters/tools/richsnippets" rel="nofollow" target="_blank">Structured Data Testing Tool</a></span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">Enter the URL of your blog and click “Preview”.</span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">It might take some seconds to check and load the results.</span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;">Now, If you’ve followed the tutorial correctly then the results will appear like below image.</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/AVvXsEgGG7B1frWoZAHIApE-oOzKGXUnMu241vLkb43X_z34SGfxFfFedNl3Jsxp5DsVOoPbG_45O-HMa-GFyDb3o5BdkrCjdsWOkGyjaR1t5JYH6mVJP3IcU1GLPoqmyw3X4tVNsc_VH4Qc_Y57/s1600/checking+authorship.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGG7B1frWoZAHIApE-oOzKGXUnMu241vLkb43X_z34SGfxFfFedNl3Jsxp5DsVOoPbG_45O-HMa-GFyDb3o5BdkrCjdsWOkGyjaR1t5JYH6mVJP3IcU1GLPoqmyw3X4tVNsc_VH4Qc_Y57/s1600/checking+authorship.png" /></a></span></div>
<ul style="text-align: left;">
<li><span style="font-family: Arial,Helvetica,sans-serif;">If the image is showing properly and also if you see the message 
below that “Authorship is working for this webpage.” then you’ve 
completely done!</span></li>
<li><span style="font-family: Arial,Helvetica,sans-serif;"><b>That’s all.</b></span></li>
</ul>
</div>

How To Show Author Profile Picture In Google Search Results

Google is making a lot of improvements and introducing latest features in their whole system for the development. Some months ago, the ...

7 Best Ways To Improve Your Content Writting Skills

</span><span style="font-family: Arial,Helvetica,sans-serif;">Blogging field is going viral upon the internet and 
thousands of new bloggers are entering into the blogosphere. Most of 
them soon leave this field because of not getting success while on the 
other hand very few bloggers get success in blogging world.</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif;">With the help of blogging, most of blogger becomes a good writer as 
well. Now there are two type of blog writer, one which writes something 
on his blog with some purpose and second which think they are expected 
to. If you write something on your blog due to reason that you supposed 
to, then you are not able to get good response that you are expecting 
from others. But if you are writing on your blog with a purpose then it 
awesome.</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif;">Such type of bloggers succeeds in blogging quickly and they deserve 
for their efforts. If you are writing content on your blog on a regular 
basis and unable to get a desired grip on your content, then you might 
need to concentrate on your writing skills. In order to boost your 
blogging skills, I am going to share the 7 effective tips that you can 
apply directly and 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></span>
<br />
<h3 style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">1. Planning before writing a single word</span></h3>
<span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif;">One of the best ways to enhance your writing skills is that always 
make a plan before going to publish a blog post. In this way you are 
going to give more preference to your readers and to yourself also and 
surely you will get a response from your visitors and blog readers.</span>
<br />
<h3 style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">2. Starting Post with a quote</span></h3>
<span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif;">Another good tactic is that try to start your blog post with some 
fabulous quotation. Visitors will then easily able to understand the 
main idea discussing in the article. All it depends upon you now that 
either you want to use quotation in your content or not.</span>
<br />
<h3 style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">3. Adding Credibility is a good idea</span></h3>
<span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif;">To get the more attention of people towards yourself, it can do 
through adding credibility, referencing the research or stating the 
popular quotation by any professional blogger in your niche etc. Now if 
you want to use this method, always try to give reference to original 
source.</span>
<br />
<h3 style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">4. Grammar and all that other stuff</span></h3>
<span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif;">After when you have finished your blog post, give some time in 
editing them. Try to make it attractive for your readers and informative
 as well. Check the grammatical mistakes in your articles and correct 
them because grammatical mistakes always leave a bad impression on 
readers and visitors.
<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 />
<span style="font-family: Arial,Helvetica,sans-serif;">
</span><h3 style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">5. Utilize Pictures and Videos </span></h3>
<span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif;">In order to get the attraction of visitors to your content, try to 
make more use of picture, videos etc. You will also be able to get 
better rank in search engines by adding extra but useful stuff to your 
content like info graphics.</span>
<br />
<h3 style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">6. Instead of quantity focus on quality</span></h3>
<span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif;">Take your time to write quality content for your blog and avoid 
concentrating on quantity of content. Don’t publish your article quickly
 if you haven’t completed your blog post with full material.</span>
<br />
<h3 style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;">7. Learn from your mistakes</span></h3>
<span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif;"><b>Quote :</b> <i>“Mistakes are the portals of discovery.” </i>– James Joyce R</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;">
Try to follow the tips mentioned above in order to boost your content
 writing skills, learn from those mistakes that you have done in the 
past. Instead of repeating those mistakes, it will be better to avoid 
them. If you are able to understand this quotation correctly, then I 
will guarantee that you will surely get success in blogging.<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>

7 Best Ways To Improve Your Content Writting Skills

Blogging field is going viral upon the internet and thousands of new bloggers are entering into the blogosphere. Most of them soon le...

On-Page and Off-Page SEO Tips To Get High Search Ranking

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="clear: both; text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5fd0BXmWP5__8xrL8X8KerQRkPk8wvayeM-8dX2ATxE12aqn51C8tFzjgtgAFwzjZl0CZ-WhNcdDC2Hs_j82SlVeAh9Me_ZCa9VWxkEW1KYbDGMRFWyD65JWUSPzpVpOnhEBWuuXnBmmi/s1600/SEO+Tips+For+High+Search+Ranking.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="SEO Tips For High Ranking" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5fd0BXmWP5__8xrL8X8KerQRkPk8wvayeM-8dX2ATxE12aqn51C8tFzjgtgAFwzjZl0CZ-WhNcdDC2Hs_j82SlVeAh9Me_ZCa9VWxkEW1KYbDGMRFWyD65JWUSPzpVpOnhEBWuuXnBmmi/s1600/SEO+Tips+For+High+Search+Ranking.png" title="SEO Tips For High Search Ranking" /></a></span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">
</span><span style="font-family: "arial" , "helvetica" , sans-serif;">Last time in the SEO category, We discussed that how can we reduce the loading time of our blog
 that is really important for every webmaster to make their webpages 
load faster. And now we’re going to share some On-Page and Off-Page SEO 
Tips that can help every blogger and webmaster to get high ranking in 
search results. Search Engine Optimization is important for every 
blogger or webmaster to drive real and huge traffic. But the person 
needs to understand the SEO before doing it. There are thousands of 
video tutorials, articles, tutorials and a lot of media on the web where
 we can easily learn SEO. We’ve also shared some SEO tips here 
previously which were really important. Just navigate to the SEO page 
from the top menu to get it. So, now today I’m going to share some 
search engine optimization tips for getting high search ranking.<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<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></span>
<br />
<h3 style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">On-Page SEO Tips</span></h3>
<span style="font-family: "arial" , "helvetica" , sans-serif;">
</span>
<br />
<h4 style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">1. Proper Keyword Research</span></h4>
<span style="font-family: "arial" , "helvetica" , sans-serif;">
</span>
<br />
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">The first thing is that you should do the proper keyword research 
with the use of many tools like Google Keywords Tool. With these tools, 
you’ve to enter any keyword and after a little loading they will tell 
you that how much time that keyword is searched monthly and also from 
those countries. So, By the use of these tools, you’ve to search some 
keywords related to the topic of your content and if any keyword is 
getting a lot of searches monthly then I recommend to use that keyword 
in your post title, permalink, search description or make it your main 
keyword of the topic. Once, If you got the best position with that 
keyword then you will easily get huge organic traffic.<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<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></span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">
</span>
<br />
<h4 style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">2. Post Title Shoudn’t Cross 55 Characters</span></h4>
<span style="font-family: "arial" , "helvetica" , sans-serif;">
</span>
<br />
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">The other thing for the post title is that it shouldn’t cross 55 
characters. A character is the each letter along with spaces in any 
document. So, you’ve to write a post title that should have less than 55
 characters or fixed 55 characters. You can use some online tools to 
count the characters otherwise counting it manually will waste your 
time. The reason for it is that Google shows the first 55 characters of 
any webpage in the search results page, if the post title crosses it’s 
limit then it will be shown broken. So try to write small post titles 
with the main keywords only.<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<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> </span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">
</span>
<br />
<h4 style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">3. Optimize Images With ALT and Title Attributes</span></h4>
<span style="font-family: "arial" , "helvetica" , sans-serif;">
</span>
<br />
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">The third thing is that you’ve to optimize your images with the ALT
 and Title Attributes. These attributes will tell the search engine’s 
crawlers that about what they are created or in other words, these 
attributes will describe the image to the search engine’s robots and 
crawlers. Always try to add the main keywords and less than 5 word 
keyword in the image attributes for better SEO. These will help you to 
drive even more organic traffic from Image Search Engines. If you’re a 
senior reader here then you may know that previously we’d discussed 
about the use of attributes in images. If not then I recommend you to go
 and read the article.</span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">
</span>
<br />
<h4 style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">4. Optimize Permalink</span></h4>
<span style="font-family: "arial" , "helvetica" , sans-serif;">
</span>
<br />
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Optimizing the permalink is another great idea for boosting the 
organic traffic. If you use Blogger as your blogging platform then you 
might know that Blogger automatically writes the short permalink of your
 post title but sometimes it looks chopped. If you look into deep then 
you will find out that it writes the first 5/6 words of the post title. 
If we manually write our custom permalink with the main keywords and in a
 good manner like compressing post title then it will be better for SEO.
 So, I recommend to write a short permalink for your each and every post
 with less than 6/7 words. And another thing which you should remember 
while customizing permalink that it must contain the main keywords.<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<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></span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">
</span>
<br />
<h4 style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">5. Meta Description</span></h4>
<span style="font-family: "arial" , "helvetica" , sans-serif;">
</span>
<br />
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">The Meta Description is the thing that attracts the searcher to 
enter in your web page and become a visitor of you. It is a kind of 
description which describes a page or post to the search engine’s 
crawler and the visitor from search results. Actually, the search 
engine’s robots read it and it also shows in the search results page. It
 will be shown below the post title and permalink of your result. So, I 
recommend to write the perfect description which will attract the 
visitors and search engine robots should also love it. The limit for the
 search description is 150 characters<span style="font-family: "arial" , "helvetica" , sans-serif;">.</span></span>
<br />
<h4 style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">6. Internal Linking</span></h4>
</div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">
</span>
<br />
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Internal Linking is also an important factor which you’ve to do or 
improve on your blog or site. Internal Linking means connecting each and
 every web page with each other and there shouldn’t be any web page 
which should not be linked to any web page on your blog or site. 
Actually, Internal linking helps the search engine’s robots and crawlers
 to index your web page easily and quickly. This will also improve the 
bounce rate in Google Analytics and the readers will also enjoy it by 
getting a lot of content. Few days<span style="font-family: "arial" , "helvetica" , sans-serif;">.</span></span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">
</span>
<br />
<h4 style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">7. Use 2-4% Keyword Density</span></h4>
<span style="font-family: "arial" , "helvetica" , sans-serif;">
</span>
<br />
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Have you ever heard about the Keyword Density in the Search Engine 
Optimization? If yes then you may know about this era, but if not then 
let me explain it. Using the main keyword of the topic again and again 
in the content is known as keyword density.<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<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> It is especially for those 
who write articles or text content for their blogs or websites. Most of 
newbies use the main words again and again to increase the total words 
of the content but they are unaware of the Keyword Density. I recommend 
to use the Main Keyword in the content up to 2-4% otherwise if the 
density is more than 2-4% then your post may be getting penalized by 
Google Penguin. </span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">
</span>
<br />
<h4 style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">8. Avoid Keyword Stuffing</span></h4>
<span style="font-family: "arial" , "helvetica" , sans-serif;">
</span>
<br />
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Keyword Stuffing is same like as Keyword Density but the place of 
these both are changed. Keyword Density is used in the content while 
Keyword Stuffing is used in the Post Title, Permalink and Search 
Description. Using the Main Keyword of the topic repeatedly in the Post 
Title, Permalink and in the Search Description is called Keyword 
Stuffing. We should use the main keyword only one time in these three 
places otherwise we should be ready for being penalized by Google 
Penguin. </span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">
</span>
<br />
<h3 style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Off-page SEO Tips</span></h3>
<span style="font-family: "arial" , "helvetica" , sans-serif;">
</span>
<br />
<h4 style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">1. Socialize Post After Publishing</span></h4>
<span style="font-family: "arial" , "helvetica" , sans-serif;">
</span>
<br />
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">So, when you’re done with the on-page SEO and published your post 
then you’ve to first socialize your post like sharing it on many social 
sites like Facebook, Google+, Twitter, Pinterest and many more. You 
should share it in the official social accounts of your blog like 
Facebook Fan Page, Twitter, Google+ Page and its most important. After 
that share it to your personal social accounts to get your readers and 
fans know that you’ve published your latest post.<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<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> It will help to get 
traffic from social networking sites and also helps the search engine 
robots to index your site faster.</span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">
</span>
<br />
<h4 style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">2. Social Bookmarking</span></h4>
<span style="font-family: "arial" , "helvetica" , sans-serif;">
</span>
<br />
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">After the sharing your post on social networking sites you’ve to 
bookmark or send your post to social bookmarking sites. Social 
Bookmarking is the great way to get traffic in very less time and it 
will help you in getting good backlinks to your site or blog. Pinterest,
 StumbleUpon, Delicious, Digg, Inbound.org, Bizsugar and Good.is are 
popular sites which I also use. You can even search more social 
bookmarking to submit your new posts on huge social bookmarking 
directories. </span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">
</span>
<br />
<h4 style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">3. Create Backlinks For The Post After Publishing</span></h4>
<span style="font-family: "arial" , "helvetica" , sans-serif;">
</span>
<br />
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">This is the third one of the most important thing that you’ve to 
create backlinks for the post which you’ve published. You can also make 
backlinks for any post to get it on high ranking. This is one of my own 
experienced method which I usually do to rank my posts. Simply, After 
publishing the post I socialize it,<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<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> submitting to social bookmarking 
sites and then I try to create backlinks as more as I can. We can 
comment of Commentluv enabled blogs to get the backlink to our post. You
 will be thinking that these are nofollow backlinks but believe me they 
will give some benefit instead of making zero backlinks. For the higher 
ranking and in a quick way, I recommend to make the dofollow backlinks 
for your post which will increase the SERP very fast. Guest posting is 
an ideal thing for it to get dofollow backlinks.</span></div>
</div>

On-Page and Off-Page SEO Tips To Get High Search Ranking

Last time in the SEO category, We discussed that how can we reduce the loading time of our blog that is really important for every webm...

How To Add Drop Down Navigation Menu In Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBCXQHcR-b8e20-0uMLzE9i9J2Fe4ApibVPBZPCt1cTbvmOBTgVyA336BksbVGagQP_olNlh9CtHnhoHMK6HdpvM3XaMLs_d41x1XgYqDyP7RJygwzU9SefJDxiyoYfHrbNZ5D4g4CHshS/s1600/Drop+Down+Menu.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Drop Down Menu" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBCXQHcR-b8e20-0uMLzE9i9J2Fe4ApibVPBZPCt1cTbvmOBTgVyA336BksbVGagQP_olNlh9CtHnhoHMK6HdpvM3XaMLs_d41x1XgYqDyP7RJygwzU9SefJDxiyoYfHrbNZ5D4g4CHshS/s1600/Drop+Down+Menu.jpg" title="Drop Down Navigation Menu" /></a></div>
Previously, I shared a tool by which bloggers can check and correct the grammatical mistakes
 in their articles and Today I’m going to share the simple drop down 
navigation menu for blogger. This is important for every blogger to make
 the navigation easier of their blogs due to several reasons and drop 
down navigation  menu is an ideal thing for it. In these kind of menus, 
when someone hovers the mouse cursor on any specific category then it 
drops some sub categories of it in the vertical style. And due to this 
effect, it is known as best menu style. Well, before installing this in 
your blog first let me tell you something about 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><br />

<h3 style="text-align: left;">
Drop Down Navigation Menu</h3>
<div>
This is the simple drop down navigation menu which is built with 
pure HTML, CSS3 and JQuery. It has a gray color because it is user 
friendly and it will not affect the visitors’ eyes. You know some heavy 
colors like Purple, Blue and Orange affect the visitors’ eyes and most 
web designers use light colors. So this menu shows the vertical sub 
categories when you’ll place the mouse on any drop down menu. It also 
has a focus or click effect. You can have a look at this by visiting the
 below demo link.
<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;">
Tutorial</h3>
Tutorial of installing this menu is your blog is just left hand 
game. Yeah! It is simply easy. So, follow the below given steps and add 
it.
<ol style="text-align: left;"><ol style="text-align: left;">
<li>Go To Blogger >> Layout >> Add a Gadget (In The Header Area)</li>
<li>Choose “HTML/JavaScript”</li>
<li>Paste The Following Code In The Content Box</li>
</ol>
</ol>
<blockquote>
<script type=”text/javascript” src=”https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js”><br />
</script><br />

//When hovering over the main nav link we find the dropdown menu to the corresponding link.<br />
$(‘#dropdown_nav li’).hover(function() {<br />
//Find a child of ‘this’ with a class of .sub_nav and make the beauty fadeIn.<br />
$(this).find(‘.sub_nav’).fadeIn(100);<br />
}<br />
, function() {<br />
//Do the same again, only fadeOut this time.<br />
$(this).find(‘.sub_nav’).fadeOut(50);<br />
}<br />
);<br />
}<br />
);<br />
</script><br />
<style><br />
#dropdown_nav a {<br />
font-family:Arial, Sans-Serif;<br />
font-size:15px;<br />
font-weight:bold;<br />
color:#525252;<br />
text-decoration:none;<br />
}<br />
#dropdown_nav {<br />
width:960px;<br />
padding:0px;<br />
display:inline-block;<br />
list-style:none;<br />
-moz-box-shadow:inset 0px 0px 1px #fff;<br />
-webkit-box-shadow:inset 0px 0px 1px #fff;<br />
border:1px solid #ccc;<br />
-moz-border-radius:5px;<br />
-webkit-border-radius:5px;<br />
background:#e2e2e2;<br />
background:-moz-linear-gradient(#f3f3f3, #e2e2e2);<br />
background:-webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#e2e2e2));<br />
}<br />

#dropdown_nav li {<br />
padding:10px 0px 10px 0px;<br />
float:left;<br />
position:relative;<br />
display:inline-block;<br />
}<br />

#dropdown_nav li a {<br />
padding:10px 15px 10px 15px;<br />
text-shadow:-1px 1px 0px #f6f6f6;<br />
-moz-box-shadow:inset 0px 0px 1px #fff;<br />
-webkit-box-shadow:inset 0px 0px 1px #fff;<br />
border-right:1px solid #ccc;<br />
}<br />
#dropdown_nav li a:hover {<br />
background:#f9f9f9;<br />
background:-moz-linear-gradient(#f9f9f9, #e8e8e8);<br />
background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#e8e8e8));<br />
}<br />
#dropdown_nav li a:active {<br />
background:#e2e2e2;<br />
background:-moz-linear-gradient(#e2e2e2, #f3f3f3);<br />
background:-webkit-gradient(linear, 0 0, 0 100%, from(#e2e2e2), to(#f3f3f3));<br />
}<br />

#dropdown_nav li a.first {<br />
-moz-border-radius:5px 0px 0px 5px;<br />
-webkit-border-radius:5px 0px 0px 5px;<br />
}<br />
/*#dropdown_nav li a.last {<br />
-moz-border-radius:0px 5px 5px 0px;<br />
-webkit-border-radius:0px 5px 5px 0px;<br />
}<br />
*/<br />

/* Sub-Nav styling */<br />
#dropdown_nav .sub_nav {<br />
width:160px;<br />
padding:0px;<br />
position:absolute;<br />
top:38px;<br />
left:0px;<br />
border:1px solid #ccc;<br />
background:#e2e2e2;<br />
}<br />

#dropdown_nav .sub_nav li {<br />
width:160px;<br />
padding:0px;<br />
}<br />

#dropdown_nav .sub_nav li a {<br />
display:block;<br />
border-bottom:1px solid #ccc;<br />
background:-moz-linear-gradient(#f3f3f3, #e2e2e2);<br />
background:-webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#e2e2e2));<br />
}<br />
#dropdown_nav .sub_nav li a:hover {<br />
background:#f9f9f9;<br />
background:-moz-linear-gradient(#f9f9f9, #e8e8e8);<br />
background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#e8e8e8));<br />
}<br />
#dropdown_nav .sub_nav li a:active {<br />
background:#e2e2e2;<br />
background:-moz-linear-gradient(#e2e2e2, #f3f3f3);<br />
background:-webkit-gradient(linear, 0 0, 0 100%, from(#e2e2e2), to(#f3f3f3));<br />
}<br />
</style><br />
<!– Navigation Start –><br />
<ul id=”dropdown_nav”><br />
<li><a class=”first” href=”<span style="background-color: yellow;">http://www.bloggeryard.com/</span>“><span style="background-color: #6aa84f;">Home</span></a></li><br />
<li><a href=”<span style="background-color: yellow;">#</span>“><span style="background-color: #6aa84f;">Tutorials</span></a><br />
<ul class=”sub_nav”><br />
<li><a href=”<span style="background-color: yellow;">#</span>“><span style="background-color: #6aa84f;">Photoshop #1</span></a></li><br />
<li><a href=”<span style="background-color: yellow;">#</span>“><span style="background-color: #6aa84f;">Photoshop #2</span></a></li><br />
<li><a href=”<span style="background-color: yellow;">#</span>“><span style="background-color: #6aa84f;">Photoshop #3</span></a></li><br />
<li><a href=”<span style="background-color: yellow;">#</span>“><span style="background-color: #6aa84f;">Photoshop #4</span></a></li><br />
<li><a href=”<span style="background-color: yellow;">#</span>“><span style="background-color: #6aa84f;">Photoshop #5</span></a></li><br />
<li><a href=”<span style="background-color: yellow;">#</span>“><span style="background-color: #6aa84f;">Photoshop #6</span></a></li><br />
<li><a href=”<span style="background-color: yellow;">#</span>“><span style="background-color: #6aa84f;">Photoshop #7</span></a></li><br />
</ul><br />
</li><br />
<li><a href=”<span style="background-color: yellow;">#</span>“><span style="background-color: #6aa84f;">Artciles</span></a><br />
<ul class=”sub_nav”><br />
<li><a href=”<span style="background-color: yellow;">#</span>“><span style="background-color: #6aa84f;">Announcements #1</span></a></li><br />
<li><a href=”<span style="background-color: yellow;">#</span>“><span style="background-color: #6aa84f;">Announcements #2</span></a></li><br />
<li><a href=”<span style="background-color: yellow;">#</span>“><span style="background-color: #6aa84f;">Announcements #3</span></a></li><br />
<li><a href=”<span style="background-color: yellow;">#</span>“><span style="background-color: #6aa84f;">Announcements #4</span></a></li><br />
</ul><br />
</li><br />
<li><a href=”<span style="background-color: yellow;">#</span>“><span style="background-color: #6aa84f;">Freebies</span></a><br />
</li><br />
<li><a class=”last” href=”<span style="background-color: yellow;">#</span>“><span style="background-color: #6aa84f;">Other Stuff</span></a><br />
<ul class=”sub_nav”><br />
<li><a href=”<span style="background-color: yellow;">#</span>“><span style="background-color: #6aa84f;">Other Stuff #1</span></a></li><br />
<li><a href=”<span style="background-color: yellow;">#</span>“><span style="background-color: #6aa84f;">Other Stuff #2</span></a></li><br />
<li><a href=”<span style="background-color: yellow;">#</span>“><span style="background-color: #6aa84f;">Other Stuff #3</span></a></li><br />
<li><a href=”<span style="background-color: yellow;">#</span>“><span style="background-color: #6aa84f;">Other Stuff #4</span></a></li><br />
</ul><br />
</li><br />
</ul></blockquote>
<ol style="text-align: left;">
<li>Replace Yellow Highlighted Characters With Links</li>
<li>Replace Green Highlighted Characters With Link Text</li>
<li>Click “Save” Button</li>
<li>That’s All!</li>
</ol>
</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>

How To Add Drop Down Navigation Menu In Blogger

Previously, I shared a tool by which bloggers can check and correct the grammatical mistakes in their articles and Today I’m going to sh...