الاثنين، 29 يونيو 2015

Add Square Popular Posts Widget with Rotating Effect in Blogger

Popular posts is a widget offered by blog writer which reveals a list of most considered content from your blog site.We have already distributed three hacks about popular posts widget. Popular Post is show’s the top click Post’s by the Visitor’s.Here i share a Stylish popular Publish Gadget for your blog site writer blog.this Icons Helps to Entice the People by Fashionable and Amazing look in your blogger Sidebars. this widget when any user hover on the image thumbnail of popular posts the spinning effect activated and rotates the thumbnail until the customer moves out from it.We will add this Technique with using genuine CSS3 i.e this will not impact the the loading speed of your blog.

Popular Posts is a widget which every good blog writer uses. From small weblogs to all big weblogs you can see Well-known Content gadget. It allows to reduce jump rate of your blog. The most read posts are displayed to let visitors know about other interesting posts or subjects they might like. This will let guests stay on your weblog site more time. This gadget is type of different from other popular widget, because it doesn’t only shows the popular post, but as well rotate when hovered on any of the pictures. There are many gadget designer personalize this gadget in different way. But the main problem is about popular post image. Because If you want to resize the image size then it will become cloud. So the remedy is JavaScript with CSS programming. Now you can able to increase your popular post image in any size. This widget created by Times of Blogging. You can easy to add this widget on your blog or site. Please follow this post and install it on your blog. 

Add Square Popular Posts Widget with Rotating Effect in Blogger

Square Popular Posts Widget with Rotating Effect in Blogger


Step-1 Go To Blogger Dashboard.

Step-2 Click on Layout.
Add Square Popular Posts Widget with Rotating Effect in Blogger

Step-3 Click on Add Gadget.

Add Square Popular Posts Widget with Rotating Effect in Blogger

Step-4 Select Popular Posts Widget.

Add Square Popular Posts Widget with Rotating Effect in Blogger

Step-5 Check Mark Show thumbnail option.

Step-6 After Save Widget.

Step-7 Go To Blogger Dashboard>>Template>> Edit HTML.

Add Square Popular Posts Widget with Rotating Effect in Blogger

Step-8 Find ]]></b:skin> tag.

Step-9 Paste the below given code just above ]]></b:skin>
.PopularPosts .item-title {
display:none;
}
.PopularPosts .widget-content ul li {
background: none repeat scroll 0 0 transparent;
float: right;
list-style: none outside none;
margin: 10px 0 0 !important;
padding: 0 !important;
}
.PopularPosts .item-thumbnail {
margin: 0 8px !important;
}
#PopularPosts1 img:hover{-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 0px rgba(255,0,0,.4), inset 0 0 0px rgba(255,255,255,1);-moz-box-shadow: 0 0 0px rgba(255,0,0,.4), inset 0 0 0px rgba(255,255,255,1);box-shadow: 0 0 0px rgba(255,0,0,.4), inset 0 0 0px rgba(255,255,255,1);}
.item-thumbnail img {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
border: 3px solid #ccc;
height: 60px;
padding: 3px;
width: 60px;
}
Step-10 Now Save template and You are Done.

الاثنين، 22 يونيو 2015

Gray Color Popular Posts Widget for Blogger

The Popular Posts Widget is one of Blogger's official widgets and it is very easy to add this to your Blog. Here is a simple tutorial for creating beautiful Popular Posts Widgets for your Blog using CSS. They are disgusting because either they are not working on the principle of most considered material or if you discover one like the affliate brand's it will not get combined into your material very much. Blog writer doesn’t provide options to add different plugins as per the requirement, hence we need to perform with the HTML requirements to personalize our concept. Automated Numbering Popular Posts Widget for Blogger is created by changing the default CSS to something that provides results as proven in the picture. The standard popular publish gadget offered by blog writer, works ideal but it looks little old fashioned and dull. So in today's tutorial, we will learn how could you give a professional touch into the widget by adding some simple CSS coding in your template.

Blogger’s Built-in Popular posts widget is not that much attention-grabbing with regards to developing and showing. Therefore, if you wish to help Popular Posts widget into a work of art then, you have to depend on CSS Style linens. Your weblog site audience may find one article which is beneficial or informative to them after navigating blog posts from your popular posts widget and subscribe to your blog for your upcoming posts. This stylish popular post widget can be the most popular posts within 7days, a month or of all time. In order to advertise your weblog site and enhance its design, it would be useful for you to use this Fashionable Popular Publish Gadget in your blogger. This method actually uses the Blogger Popular Posts widget with a few tweaks. So if you're already using the gadget, no need to give up deliver. And if you're not already using the gadget, now's sufficient time to add it to your blog.

Gray Color Popular Posts Widget for Blogger


Add Gray Color Popular Posts Widget for Blogger


Step-1 Go To Blogger Dashboard.

Step-2 Click on Layout.
Gray Color Popular Posts Widget for Blogger

Step-3 Click on Add Gadget.
Gray Color Popular Posts Widget for Blogger

Step-4 Select Popular Posts Widget.

Gray Color Popular Posts Widget for Blogger

Step-5 After you have unchecked image thumbnail and snippet box.

Gray Color Popular Posts Widget for Blogger

Step-6 After Save Template.

Step-7 Go To Blogger Dashboard>>Template>> Edit HTML.

Gray Color Popular Posts Widget for Blogger

Step-8 Find ]]></b:skin> tag.

Step-9 Paste the below given code just above ]]></b:skin>
/* Popular Post Customization by hackpower.org */
.popular-posts ul li a {
    background: none repeat scroll 0 0 #DDDDDD;
    color: #444444;
    display: block;
    margin: 0 0 0.5em;
    padding: 0.4em;
    position: relative;
    text-decoration: none;
    transition: all 0.3s ease-out 0s;
}
.popular-posts ul li a:before {
    background: none repeat scroll 0 0 #CCCCCC;
    font-weight: 700;
    height: 2em;
    left: -2.5em;
    line-height: 2em;
    margin-top: -1em;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 2em;
}
.popular-posts ul li a:after {
    border: 0.5em solid transparent;
    content: "";
    left: -1em;
    margin-top: -0.5em;
    position: absolute;
    top: 50%;
    transition: all 0.3s ease-out 0s;
}
.popular-posts ul li a:hover {
    background: none repeat scroll 0 0 #CCCCCC;
}
.popular-posts ul li a:hover:after {
    border-left-color: #CCCCCC;
    left: -0.5em;
}
.popular-posts ul li:first-child + li + li + li + li + li + li + li + li + li a:before{content:"10"}
.popular-posts ul li:first-child + li + li + li + li + li + li + li + li a:before{content:"9"}
.popular-posts ul li:first-child + li + li + li + li + li + li + li a:before{content:"8"}
.popular-posts ul li:first-child + li + li + li + li + li + li a:before{content:"7"}
.popular-posts ul li:first-child + li + li + li + li + li a:before{content:"6"}
.popular-posts ul li:first-child + li + li + li + li a:before{content:"5"}
.popular-posts ul li:first-child + li + li + li a:before{content:"4"}
.popular-posts ul li:first-child + li + li a:before{content:"3"}
.popular-posts ul li:first-child + li a:before{content:"2"}
.popular-posts ul li:first-child a:before{content:"1"}
/* Popular Post Customization by hackpower.org */
Step-10 Now Save template and Done.

الثلاثاء، 16 يونيو 2015

Add Social Icons with Tooltip Hover Effect in Blogger

Social Media plays a vital role in engaging more readership to your blog, thus indirectly helps you to increase the traffic of your blog. These amazing Social Symbols with Tooltip Float Impact, designed simply by CSS, without any image or javascript in it. This widget is perfect designed and simply to customize and install. The goal was to slowly fade-in and fade-out the opacity modifying, and animate the place of the tooltip a little bit. With that in thoughts, I was able to make a beautiful social media icons display using CSS3. Social bookmarking widgets helps you to boost traffic on your blog. Today I am sharing an amazing social bookmarking widget which comes with wonderful cartoon tooltips,when any customer moves on the public symbols the tooltip comes out also it is applicable a opacity effect to these social icons,this effect increase beauty of this widget. Now a days people spend more time on social websites as compared to other websites so by properly placing social media symbols on your web page you can  obtain new guests and increase achieve of your top quality material.  So now,  we are going to create simple social media icons which upon hover changes its color.

There are four social icons in which you can add your own desired URL. On hovering over these buttons one can see tooltip appearing with the help of transition and convert CSS. These symbols are really eye-catching and have a eye-catching look. These symbols consist of all the Social icons connecting your account together. So these could be used in order to get more followers or subscribers on your channel. You can use these buttons for your blogger blog to share your blog posts straight on individuals. Public discussing helps you very much for your SEO. Customers can straight discuss your content links on social sites and it will gain you more readers to your blog. All social media sites have been spreading day by day and which is the best source to promote and drive traffic to blog/website as we have also later published on stylishfacebook pop-up like box but this one is different from all other icons on However the below tutorial will explain how to add animated social sharing tooltips plugin in blogger.

Add Social Icons with Tooltip Hover Effect in Blogger

Add Social Icons with Tooltip Hover Effect in Blogger

Step 1: Go to Blogger Dashboard.

Step 2: Click on Layout.

Add Social Icons with Tooltip Hover Effect in Blogger

Step 3: Click on Add Widget.

Add Social Icons with Tooltip Hover Effect in Blogger

Step 4: Select HTML/JavaScript.

Add Social Icons with Tooltip Hover Effect in Blogger

Step 5: Paste code HTML/JavaScript in box below.
<div class="container">
<ul class="action-bar clearfix">
<li>
<a href="http://twitter.com/TwitterUSERNAME" class="like">
<span class="zocial-twitter"></span>
<span class="tooltip">Follow</span>
</a>
</li>
<li>
<a href="https://plus.google.com/GoogleplusID" class="favourite">
<span class="zocial-googleplus"></span>
<span class="tooltip">Circle us</span>
</a>
</li>
<li>
<a href="https://www.facebook.com/FacebookID" class="comment">
<span class="zocial-facebook"></span>
<span class="tooltip">Like us</span>
</a>
</li>
<li>
<a href="http://yoursite.blogspot.com/feeds/posts/default" class="share">
<span class="zocial-rss"></span>
<span class="tooltip">Subscribe</span>
</a>
</li>
</ul>
</div>
<style>
@charset "utf-8";
@import url(http://weloveiconfonts.com/api/?family=zocial);
/* zocial */
[class*="zocial-"]:before {
  font-family: 'zocial', sans-serif;
}
/* ---------- GENERAL ---------- */
a { text-decoration: none; }
ul {
list-style: none;
margin: 0;
padding: 0;
}
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after {
content: "";
display: table; }
.clearfix:after { clear: both; }
.container {
display: block;
height: 64px;
position: relative;
width: 256px;
}
/* ---------- Action Bar ---------- */
.action-bar li {
float: left;
}
.action-bar a {
-webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, .5);
box-shadow: inset 0 -2px rgba(0, 0, 0, .5);
color: #e7e7e7;
display: block;
font-size: 32px;
height: 64px;
line-height: 64px;
position: relative;
text-align: center;
-webkit-transition: background .3s;
-moz-transition: background .3s;
-ms-transition: background .3s;
-o-transition: background .3s;
transition: background .3s;
width: 64px;
}
.action-bar a:hover .tooltip {
margin-top: 16px;
opacity: 1;
}
.tooltip {
border-radius: 3px;
font-size: 14px;
height: 28px;
left: 50%;
line-height: 28px;
margin: 0 0 0 -50px;
opacity: 0;
position: absolute;
top: 100%;
-webkit-transition: margin-top .3s, opacity .3s;
-moz-transition: margin-top .3s, opacity .3s;
-ms-transition: margin-top .3s, opacity .3s;
-o-transition: margin-top .3s, opacity .3s;
transition: margin-top .3s, opacity .3s;
width: 100px;
}
.tooltip:before {
content: "";
height: 8px;
left: 50%;
margin: -4px 0 0 -4px;
position: absolute;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 8px;
}
.like,
.like .tooltip,
.like .tooltip:before { background: #65B1F8; }
.like:hover { background: #65B1F8; }
.favourite,
.favourite .tooltip,
.favourite .tooltip:before { background: #c93037; }
.favourite:hover { background: #b02b32; }
.comment,
.comment .tooltip,
.comment .tooltip:before { background: #43438e; }
.comment:hover { background: #393978; }
.share,
.share .tooltip,
.share .tooltip:before { background: #FF8000; }
.share:hover { background: #FF8000; }
</style>
Step 6: Now Change the text in Blue with your desired URLs.

Step 7: Now Finally Save widget and Done.

الأحد، 14 يونيو 2015

Add CSS Elegant Share buttons for Blogger

If you want to share something with the world, it's a wise decision if people also quickly fall upon the discuss control buttons. I am fairly sure there is a important connection between visibility of share buttons and actual shares of your posts. The widget is light in size and looks elegant. In every post after scrolling the widget will pop up at the lower bottom of the screen. The gadget contains four public discussing control buttons – Facebook or myspace, Tweets, Google+.  There is a close key too to close down the floating share buttons. you can add more if you like or remove the one you do not want and add yours. All you need to have is fair knowledge of HTML and CSS. You can get the program code of any public networking share button from the well known public networking platform's website.

Blogger is now testing out a new Social Sharing icon set made up of E-mail, Blog writer,Twitter,Facebook and Search engines hype control buttons. The set looks simple and stylish with some cool mouse over effects. These Sharing buttons are now available in your regular dashboard. These control buttons are created of genuine CSS and look incredibly stylish. They have awesome float impact and are very light too. You can add these buttons under every post of your blog and increase the user interaction in your blog. Social media share buttons help us to get our well-written content shared on different public networking systems quickly. When a part of material get distributed more and more times on different social media platforms, it helps our content to get more links, free traffic and social signals which increase the value of our content in search engines. 

Add CSS Elegant Share buttons for Blogger

Add CSS Elegant Share buttons for Blogger

Step-1 Login to Your Blogger Dashboard.

Step-2 Go to Template > Edit HTML.

Add CSS Elegant Share buttons for Blogger

Step-3 Find  the tag.
 ]]></b:skin>
Step-4 Paste below given code just above ]]></b:skin>.
@import url(http://weloveiconfonts.com/api/?family=zocial);
/* zocial */
[class*="zocial-"]:before {
  font: 2.5em/2em 'zocial', sans-serif;
  color: white;
  line-height: 2.2;
}
.post-social .facebook {
  background: #3B5998;
}
.post-social .twitter {
  background: #4099FF;
}
.post-social .googleplus {
  background: #db5a3c;
}
.post-social .social {
  float: left;
}
.post-social .zocial-facebook {
  margin: 0 15px;
}
.post-social .zocial-twitter {
  margin: 0 25px;
}
.post-social .zocial-googleplus {
  margin: 0 25px;
}
.post-social li {
  min-width: 180px;
  width: 210px;
  height: 80px;
  cursor: pointer;
  list-style: none;
  text-align: left;
  float: left;
}
.post-social li:hover [class*="zocial-"]:before {
  opacity: 0.5;
  text-align: right;
}
.post-social li:hover iframe {
  opacity: 1;
}
.post-social li iframe {
  margin-top: 30px !important;
  opacity: 0;
  transition: all .3s ease-in-out;
}
.post-social li .fb_ltr {
  margin: 30px 20px !important;
}
Step-5 After search for <data:post.body/> code.

Step-6 Paste the below given code just below <data:post.body/>.
* You show more than one <data:post.body/> so make sure that you have selected the right code.
<ul class="post-social">
  <li class="facebook">
      <span class="social zocial-facebook"></span>
    <div class="fb-like" data-send="false" data-layout="button_count" data-width="250" data-show-faces="true"></div>
  </li>
  <li class="twitter">
      <span class="social zocial-twitter"></span>
    <a href="https://twitter.com/share" class="twitter-share-button" data-via="Rushtips">Tweet</a>
  </li>
  <li class="googleplus">
        <span class="social zocial-googleplus"></span>
    <g:plusone size="medium"></g:plusone>
  </li>
</ul>

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Step-7 After save template and you are done.

الجمعة، 5 يونيو 2015

CSS Hello Bar Clone widget for Blogger

Hello bar is one of the best notification bar for WordPress and also for any web posting system. I really liked their idea and individually that inspired me to create Mintbar an opensource notification bar. Hello Bar is still just HTML and CSS on your website, you can use CSS to management its exposure. Merge this with WordPress customized publish meta and you can management where on your website your Hello Bar shows up on a per-page basis. By default this code snippet will display your Hello Bar enabling you to set a Customized Area value on those webpages you want to cover up your Hello Bar.

This plugins helps you to get a lot of visitors to one desired page. If you are internet hosting service any competition or free gift, this bar will help you get a lot of traffic on that particular page. The Hello Bar looks like it has some really cool features onto it, but to be honest, I can’t imagine myself taking advantage of the split testing options too much on the particular website I was operating on. As I was looking at the bar I really believed, this factor could be quickly regenerated. We have designed a clone of this plugin but without using any JavaScript it is purely based on HTML and CSS. The plugin has many features such as Beautiful Design, Shadow effect, Compacted dimension to get quicker fill time etc. In situation the bar irritates any of your guest, it can be closed just by clicking on a single button. The awesome “Hello Bars” on tons of websites before and always wanted to play with it. The other day I had a scenario where I required it for a website I was operating on so I searched on over to hellobar and to my dismay I saw I needed to pay for it, a monthly fee per impression.

Demo Image:
 blogger trick 2015, blogger tips 2015

CSS Hello Bar Clone widget for Blogger

Step-1 Go to Blogger dashboard. 

Step-2 Go to Layout.
 blogger trick 2015, blogger tips 2015

Step-3 Click on Add Widget.
 blogger trick 2015, blogger tips 2015

Step-4 Select HTML/JavaScript.

blogger trick 2015, blogger tips 2015

Step-5 Paste the below code in the HTML/JavaScript box.
<style type="text/css">
/* Hello Bar Clone For Blogger by hackpower.org */
#tob-hotsmain{height:100px;left:0;position:fixed;top:0;width:100%}
#tob-hots{background-color:#EB593C;border-bottom:2px solid #FFF;height:30px;left:0;position:fixed;top:0;width:100%;box-shadow:3px 3px 3px 3px;z-index:10000}
#tob-hotsdata{color:#FFF;font-family:serif;font-size:15px;padding:5px}
#tob-hotshide{cursor:pointer;height:20px;position:absolute;right:12px;top:4px;width:20px}
#tob-hotsshow{background-color:#EB593C;border-bottom:3px solid #000;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-left:3px solid #000;border-right:3px solid #000;cursor:pointer;height:25px;padding-top:5px;position:absolute;right:5px;top:0;width:30px}
.tob-hotsdownarrow{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #CC5200;height:0;width:0}
.tob-hotsblock{background-color:#CC5200;height:10px;width:8px}
.tob-hotsuparrow{border-bottom:10px solid #CC5200;border-left:10px solid transparent;border-right:10px solid transparent;height:0;width:0}
</style>
<div id="tob-hotsmain" >
<center id="tob-hotsshow" onmouseup="document.getElementById('tob-hots').style.display='block'"><div class="tob-hotsblock"></div><div class="tob-hotsdownarrow"></div></center>
<div id="tob-hots" >
<center id="tob-hotshide" onmouseup="document.getElementById('tob-hots').style.display='none'"><div class="tob-hotsuparrow"></div><div class="tob-hotsblock"></div></center>
<center id="tob-hotsdata" >
Add your Text/Links here in HTML Format
</center>
</div>
</div>
Step-6 Change Add your Text/Links here in HTML Format with your desired text/link and remember that you should add it in HTML format.

Step-7 Now Save widget and you are done.

Happy Blogging with Enjoy .............

الأحد، 31 مايو 2015

Keyword Difficulty Analysis: How to Choose the right SEO keywords

A successful SEO campaign almost always relies on the keywords used. As elements that search strings are matched against, they can propel a website forward, helping it rank on search engines. The significance of individual keywords, however, is slowly dwindling, and keyword-based search engine optimization is losing its strength. Blame it on black hat practices that, even when they're being cracked down, have left lasting effects. This is because there are now factors that are far more important than keyword presence:

• Keyword placement matters more than usage frequency. That is, using keywords in the title tag and header has more weight than using them five times in the content.

• Using synonyms is more than acceptable. Now that Google is more sophisticated in interpreting data of a website, keyword specificity is fading. So even if different key phrases are used, as long as they have similar context, Google can place them in the exact same category, theoretically.

• Semantic search is making a huge difference on user searches. In the past, Google dissects search queries by words. A search query about "running shoes Utah", for example, would return anything that may be related with running, shoes and even events in Utah. But with search semantics, Google interprets the meaning of the whole search query rather than just the individual words.

Along with these changes is the need to take a different approach to keyword research. Keywords still matter, but they need to be perfect to be really effective. So whatever process you have been following for as long as you can remember, you should completely forget. Even if you did rank, it turns out that you have been doing keyword research all wrong. Rather than research for high volume, low competition and good CPC keyword, or effective latent semantic index keywords, you should use keyword difficulty analysis instead.

What does Keyword Difficulty Analysis mean?

keyword difficulty analysis

Keyword difficulty is defined as a factor that helps determine how easy or difficult it is for a website to rank based on a particular keyword. So it's no longer about short-tail or long-tail, and high or low, because other factors now come into play, such as the following:

- The number of pages currently ranking for a specific keyword
- The number of pages bidding on a keyword in paid search campaigns
- The volume and cost per click of a keyword for a particular month

If you want to go down to specifics, you also need to look into queries that you must compete for based on three elements:

1. Your competition or the number of indexed pages for a particular query
2. The authority or ranking strength of a website based on the quantity and quality of incoming links
3. The relevance of well-ranking websites in terms of how they match certain search queries with consideration to factors, such as on-page ranking and off-page signals.

Difficulty analysis also entails estimating keyword difficulty. The easiest way to do this is to check out strong and weak search results based on a keyword or key phrase that is widely used. Between "running shoes Utah" and "Nike running shoes", the latter is harder to rank with, especially for normal and less-popular blogs. There is no way you can compete with high authority blogs.

A search query on "Pebble Time review" would return the following results:

free keyword difficulty analysis

All of these make up the top 10 strong results, which is clearly hard to outrank by less authoritative websites.

But if you use long-tail keywords, there is a possibility that the results will include forums, non-relevant sites, YouTube videos, Yahoo Answers and other websites that will be easier to outrank or those that make up weak results. So, what you want is a keyword that will return weak search results.

But because there are no hard-and-fast rules in difficulty analysis, you need to use tools at your disposal. A keyword difficulty tool can come in many shapes and sizes, so to speak. It's not just a specific type of software, but a set of procedures that lets you identify keyword difficulty.

Perform difficulty analysis based on several principles


Competing Pages

Find out who your competitions are for a particular keyword or phrase. Simply type in the search terms you want to use on a search engine and check out the results. As a blog or a business, your competitors are other blogs or companies that are providing the same products or services, and using the same set of keywords. The top ten is your strongest competition.

You can further narrow down your search by looking into the number of pages being indexed that use the same search terms on the title. To do this, use one of Google's advanced search operator "allintitle", which will display websites where the keywords appear in the title.

Now that you know your competitors, it is important that you don’t make any decisions based solely on the data that you collected. Just use them as an indicator, since there are plenty of other elements that will keep you off the first page.

Top 10 Search Results

If you want to determine the metrics involved in keyword difficulty, determine the top ranking sites related to the terms you intend to use. Getting results is easy. It is making the searches non-personalized that is challenging, although not impossible. You just need to use the right tools to de-personalize your search and get the results that matter more. Using Chrome browser in incognito mode is one good example. What this does is to remove results returned based on search data and preferences, such as ads, news, images and YouTube videos.

Number of Links

Top-ranking pages are likely to have a significant number of external and domains pointing links based on certain key terms. If you use the same keywords, you would definitely have a hard time ranking. But if there is a top-ranking website with just a few direct links, you have a door of opportunity. Using Open Site Explorer or Majestic SEO, you can acquire a number of linking domains a website has. But know that a site with few high quality links can have the same authority as one with plenty of low quality links, which is why further analysis is necessary.

Off-Page Optimization

How strong a competitor website's off-page optimization is reflected on the number, authority and type of links it has, including the backlinks. Keyword difficulty analysis will look into page authority, domain authority, keyword in anchor text and the diversity of unique linking root domain.

On-Page Optimization

Now that you know who your competitors are, find out how well optimized they are. Think like a search engine and look for different signals that will help your keywords rank easily and effectively. 

      • Keyword in title tag
      • Length of the title tag
      • Keyword in H1
      • Keyword in image alt text
      • Keyword in domain or URL
      • Keyword representation in anchor text or external links
      • Content quality
      • Optimization level (over optimized or not)
      • Use of questionable SEO practices
      • Internal linking architecture of a website

You can also keep your evaluation simple by just ranking each page's optimization as none, minimal, over, fair, decent or good, and excellent. Regardless of which step you take, however, this process takes a lot of work. If you want to cut down on the amount of effort and time you spend, you should filter your keyword list to a manageable size.

Perform difficult analysis using Google search operators 

Google can be your best friend in difficulty analysis, and not just in knowing your competitions or the keywords they use. To maximize Google, however, you must use three of its special operators.

As already mentioned, allintitle returns results that contain your search terms on the title. allinurl, on the other hand display results with the keyword included in the URLs, and allintext returns search results with the keyword appearing within the content.

How do you use them to your advantage? Using the keywords "nike running shoes", for example, run a keyword difficulty analysis in Chrome. Don't forget to search in incognito mode to keep results organic and non-personalized. Take note of the total results and those that returned using Google's advanced search tools. The data you collect will look similar to the one below:

Keyword: nike running shoes

keyword difficulty analysis for total results

Results with allintext: nike running shoes

keyword difficulty analysis for results with allintext

Results with allinurl: nike running shoes

keyword difficulty analysis for results with allinurl

Results with allintitle: nike running shoes

keyword difficulty analysis for results with allintitle

What do the figures tell you?

• If the total results are equal or close to 1,000,000, you have higher chances of ranking on the first page.
• If the results with allintext are just 50% more than the total results, keyword difficulty is very high.
• If the results with allinurl and results with allintitle is less or close to 1,000, the chances of ranking on the first page is high provided that certain criteria are met:

      o 2000+ words in-depth blog post
      o Proper image optimization
      o High Flesch Reading Score
      o Quick Load Spee
      o Good Social Shares
      o Efficient Inter Linking
      o Several high DA, PA Backlinks
      o Perform difficulty analysis using specialized checker

What is great about using Google search operators is that you will know your competitors during your research. But you can always take a shortcut through a keyword difficulty tool.

Perform keyword difficulty analysis using difficulty tools


Keyword Inspector

This is a free tool that you can use to analyze how difficult it is to rank a specific keyword. Every search term is ranked as Very Easy, Easy, Moderate, Difficult and Very Difficult.

Keyword Inspector keyword analysis tool

To start using it, you must first create an account. Once that is done, you can then run an analysis by typing in the keyword on the input box, choosing a country and then hit "Submit". You will get a tabulated result, with the keyword difficulty analysis indicated at the last column. It is highly recommended that you use search terms that is ranked moderate or less difficult.

Take note, however, that search results may vary from one country to the next. So don't make decisions based on them alone. Instead, combine it with other keyword difficulty tool.

MOZ Keyword difficulty tool

This tool is more comprehensive and comes with other useful features, making it an ideal choice. It may not be free, but it does give good value for your money. You can run 20 reports at one time, and a standard subscription has a daily limit of 400 reports.

To run a difficulty analysis, simply type in one or more keywords on the input box. You can separate the terms using a comma, tab or by typing it on a new line. Choose a search engine (Google, Bing, etc.) and country, and then hit "Check Difficulty" button. You will then get a report with the difficulty score and ranking factor indicated. The score is between 1% and 100%, with 1% as being easy and 100% as being very competitive.

What is great about this difficulty analysis tool is that you have the option to export the report as CSV, in case you want to run you own analysis. There is also a "Compare" button that will give you an idea which keyword has the lowest difficult score, yet has the most search volume - an excellent combination. Simply check on the keywords you want to compare, two or more at a time, and then hit Compare.

Take note that the data of search volume will always be for Bing even if you choose Google as your search engine. Don't worry though, since this would not affect the results in any way.

SEMrush

Originally a professional SEO tool designed for digital marketers, SEMrush has recently introduced a tool for keyword difficulty analysis where you can bulk check ranking of multiple keywords. It is not free, but you do get a 14-day free trial period. Look for the keyword difficulty analyzer under Tools, type in your keywords and then search for their difficulty score. You can put in a maximum of 100 search terms per line.

The great thing about this tool is that you get more in one go. That is, you not only learn about Keyword difficulty, but also Keyword Research, Competitors Analysis, and even Backlink Opportunities.

There are just a few examples of keyword difficulty tools that you can use. Among the three options, SEMrush is considered the simplest to use and is highly recommended for affiliate marketers and bloggers.

Keyword difficulty analysis can be done for app store optimization as well. Check out the result count to determine the number of apps targeting a particular keyword. Simply type in the search terms on the app store and both Apple and Google will show which apps use certain keywords. Another factor is volatility that provides a good indicator of how difficult it is to rank for a particular search term. Because finding volatility manually is hard, look for tools that you can use.

Once you have a list of keywords, sort and filter them out into different categories, such as immediate and short-term keyword targets, medium-term keyword targets that need to be groomed and grown, and long-term keyword targets that can be obtained through sustained effort.

Keyword difficulty analysis may seem like a new concept, but it is the new way of ranking in search engine results, which is why it is worth implementing in your SEO campaign.

الجمعة، 15 مايو 2015

How to Add Search engine Friendly Title to Blogger

Higher search engine ranking not only depends upon your Blog theme, but also in the title of your blog title. If you have a blog of more than 90+ articles, some content of your weblog site may be well-known, and some of them may not be a well-known one. Any individual kind a quarry in Google search bar and hit enter then Google only displays 70 characters for any publish tittle on search search engines.Yahoo and other motor show more figures for publish headline in their result page.So always try to make your title descriptive and short maximum 70 words.Keyword position is very important to get more visitors for weblog so always put investigated and high CPC search phrases in title. Page title is the band of text that appears at the top of your web browser. Even more important is also the clickable link that reveals up on the search search engines. From an SEO perspective, page title is the single most important element in your blog in terms of ranking well in search engines. By default Blogger blog titles are not search engine friendly.Page Title is group of text that appears on top of your browser.It is more essential in showing your blog/blog posts on Search engine results.The Page headline is the most essential element in your blog in terms of higher ranking in search results.

The text you see on the tab or window of your browser when you visit a webpage; it is the site title of the website. They are also used in the search results as the links on top of each result colored in blue to the each result that shows up on the search engine results page (SERP). Page title is the most important factor in your weblog site that allows you to position to in google and also set you apart from the competitors. Post title for your every post is important. In order to write a perfect post title, your title have less than 66 characters or 66 characters because Google only shows first 66 figures in search results. Before writing your post headline you must use Google Keywords Tool. Blog title is a topic that a blogger is going to write some useful information staying around it. Title is content itself. The details or material without headline can not capture guests sight on your material. So it is reality that you should give a title of your content and the title should be appropriate and optimized. Title should be appropriate to your content which should be concise also. Here is three key factors that a blog writer should keep in mind while he is composing an article about any topics. If you are using primary blogger template then you should  change HTML of title tags to optimize it according online search engine.Many custom design have already enhanced. Fallow below given step to optimized post title in blogger. 

#Add Search engine Friendly Title to Blogger

Step-1 Go to Blogger Dashboard.

Step-2 Go to Template>>Edit HTML.


Step-3 Search the Following Tag.
<title><data:blog.pageTitle/></title>
Step-4 After finding above code replace it with the following code.
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> Times of Blogging</title>
</b:if> 
Step-5 Replace the Blue text with Your Blog Title Name.

Step-6 Now Click on Save template You are Done.

I hope this tutorial will help you to optimize your blogger title and enough to make your blogger title more SEO friendly. after making all these changes I am sure you will get good amount of traffic from search engines. If you have any problem then drop your question in comment box i will help you any time.