Social Icons

Sunday, January 19, 2014

Custom Robots Header Tags

Blogger’s developers team continuously working hard to improve its features and usability. In blogger’s new interface they added many new features to make it more SEO friendly. One of the new features introduced by blogger’s developers is Custom Robots Header Tags. This is really a handy tool which helps us to select which portion of our blog should be indexed and which should be protected from indexing in search results. This tool plays great role in our blog’s Search Engine Optimization. Using it properly can improve our blog ranking that helps us to gain more visitors from search engines and hence our blog page views will also increase. In this tutorial you will learn how to setup custom robots headers tags in blogger. Let’s see how to setup them.


Setup Custom Robots Header Tags

First enable this option from your blogger settings and then I’ll tell you how to use it.
  1. Log in to your blogger account.
  2. Now navigate to Setting >> Search Preferences
  3. search preferences
  4. Click on edit link under the Custom Robots Header Tags section as shown in below screenshot.
  5. custom robots tags
  6. Once you click on the edit link you will see many options. Simply tick on the options as shown in the below image.
  7. Setup Custom Robots Header Tags
  8. Now click on “”Save changes” button.
  9. You are done!

Saturday, January 18, 2014

Change the Title Tags in Blogger for More Search Engine Traffic

By default Blogger displays the blog title first, followed by the name of the post. As you might notice this is not good when it comes to SEO. It's important for the name of the post to come before the name of your blog, especially when it comes to google search results. Learn how to make your post title show up first so that you can reel in more traffic from the search engines.

Why Change the Titles?

It's quite important to have the Post Title + Blog Title arranged accordingly because this is how you would want your blog to be displayed on google's search results. This way more people will click on your link when searching google because the post title is more relevant than your post name.
Example Google Search Results:
You are most likely to click on the bottom image when searching google for the keywords "image reflection generator". The reason being is that your mind reads text from left to right. So it makes sense to have the more important title on the left.









 

How to Change the Titles:

  1. Go to Layout>edit HTML in your Blogger dashboard.
  2. Search for this tag: <title><data:blog.pageTitle/></title>
  3. Replace this tag with the following code:
  4. Save your template and you should see the results in your web browser as depicted in the images below.
  5. It may take a few days for the changes to show up on the google search results. I guarantee you that you will start receiving more traffic from google once you are re-indexed!



How To Add Related Posts Widget To Blogger with Thumbnails

Related Posts with Thumbnail Blogger Widget


It is very simple to add this widget into your blog. Just follow the steps published below:

  • Firstly backup your Blogger blog’s template.
  • Then click on the Edit HTML to edit your blog’s template in the text editor.
  • Find the below given code (Use Ctrl + F):
]]></b:skin>
 
  • Copy and Paste the below given codes just above the founded code.
<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts-text {
font-size: 0.9em !important;
font-weight: 700 !important;
line-height: 1.45em !important;
font-family: Helvetica,Arial,sans-serif !important;
width: 100px;
padding-left: 3px;
height: 105px;
border: 0pt none;
margin: 3px 0pt 0pt;
}
#related-posts h2{
font-family:verdana !important;
font-size:18px !important;
font-weight:bold;
margin:9px 0px !important;
color:#666 !important;
border-bottom:0px !important;
border-top:0px !important;
}
#related-posts a{
border-right: 1px dotted #DDDDDD;
color:#5D5D5D;
  }
#related-posts a:hover{
color:black;
background-color:#EDEDEF;
}
</style>
<!-- www.hififun.net -->
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK8V37ehwZMBi28pAGG21dZo3ghhNbXTG6lt3LINohj73nrAW79n75BFfGYnSihEm9vs3BO_oUnAzXoMvYlRbpKQYmYwx1vdvGQybFnZoE8at5xRSOBAdt60wlED6ipHhJgLCyY12EnjU/s1600/no_image.jpg&quot;;
var maxresults=5;
var splittercolor=&quot;#DDDDDD&quot;;
var relatedpoststitle=&quot;You Might Also Like:&quot;;
</script>
<script src='https://googledrive.com/host/0B-dv4rsl5_uZXzg0Z1FOVWhLSFk' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

  • After that find this code:
<data:post.body/>

  • Place the code given below just below it to show related posts after your blog post.
<!-- Related Posts with Thumbnails Code Start-->
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div id='related-posts'>
    <b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
  <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<!-- www.hififun.net -->
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
    </div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.hififun.com'><img alt='Real Tips and Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIoro2vYtCwUdkb1CFtyBu4eMb9dPXHgzMB1ni6VlgMuZyB5_2lH1GKmoUMmonYWHqkVkh-lvqhAl6v2UTQIBaHrf_bSUbQFwOrYdf-TtQmkMwAQy7A4PErCvMQ6NBOhpMzEgensAdgkvQ/s1600/best+blogger+tips.png'/></a>
</b:if></b:if>
    <!-- Related Posts with Thumbnails Code End-->

  • Save your template by clicking on the Save button.
  • Done! enjoy your post........................... Thanks !!!