Customize your search preferences

Posted by Mohan Singh at 05:49

Hi Bloggers.

Ensuring that your blog, posts, and images are accurately indexed so they appear correctly in search results is valuable. Today we introduced a suite of new features that enable you to more effectively customize your search preferences. Managing how your blog is viewed by search engines is an important aspect of maintaining a healthy blog, regardless of whether you’re new to blogging, or a seasoned veteran.

Here’s an overview of what we added:


The first thing you’ll notice is a new “Search preferences” option under the “Settings” tab.

Clicking it will display three sub-sections: Meta Tags, Errors and Redirections, and Crawlers and Indexing. When enabled, some of these features, such as Search Description and Custom robots header tags will also appear in the “Post settings” area of Blogger's post editor as well. For example, if you elect to create a Search Description, you may do so for your blog, and/or individual posts.

Also available is the ability to add a custom “Page Not Found” (eg. a “404”) message, and Custom Redirects for pages on your blog.

While most of the new features are located in the Settings tab, a few others can be found in the post editor. For example, we’ve introduced the ability to incorporate “alt” and “title” tags to images in your post.


Last but not least, you’ll also find a “rel=nofollow” link attribute in the link tool. Checking this box means that you don’t want this link to be considered when web crawlers are searching for information they’ll use to index your page.

While most of these features are easy to understand and use, others, such as custom robots header tags are geared toward advanced users only, hence the warning message:

Before diving in, I would encourage a quick read through the Help Center articles. They’re comprehensive, and do a great job translating some technical concepts to the layperson.


We hope you enjoy the new features. It’s all part of our effort to bring you a much improved and modernized Blogger. Next week, we’ll be holding a Hangout on our Google+ page to talk with you about your experience with these features and answer your questions. Follow us on +Blogger for details.


Happy blogging!

Introducing Google Affiliate Ads for Blogger

Posted by Mohan Singh at 20:34

Blogger is a free tool that enables anyone to publish a blog and have a voice on the web. When people share words, thoughts and photos on their blogs, they’re sharing their passions with the world. Here at Google Affiliate Network, we see that many of our publishers use Blogger, and often times they’re passionate about brands or products that  they believe in. We’re excited to announce that starting today, a new gadget called Google Affiliate Ads for Blogger will be available to select U.S. Blogger users. This gadget makes it easy for Blogger users to insert an affiliate ad into a blog post and earn a commission when someone clicks the link and makes a purchase on the advertiser’s site.  Watch the video below for a quick preview:

Here’s how to get started:
If you’re a Blogger user, go to the Earnings tab on Blogger and sign up for AdSense if you don’t already have an account.

Once you have an AdSense account, you may see the Google Affiliate Ads for Blogger gadget when you write a new blog post. Note that this gadget will only be available to select U.S. Blogger users whose blogs match available ad categories, so you may not immediately see the gadget even if you have an AdSense account. We’ll be sure to let you know when we expand this program to more Blogger users.

When you write a new post, you can select a relevant affiliate ad from the “Advertise Products” gadget to the right of the post editor. The ad can be a text link, a product image, or a banner. 

Publish your post, and voilà! You may earn a commission when someone clicks your affiliate ad and makes a purchase.

We’re incredibly excited to make it easier for Blogger users to extend your influential relationship with your audiences by promoting the products you love. By providing an additional way to earn revenue, we want to help you keep doing what you love -- blogging.

Get started today by visiting the Google Affiliate Ads for Blogger website.

New facebook Comment widget For blogger : Install in easy steps

Posted by Mohan Singh at 18:54

Again, this is the most waited feature for blogger users ( specially from allblogtools.com ), and now it’s available for allblogtools.com visitors only ( Exclusively again ), this is the first and the only tutorial around the web that tells you in really easy steps the integration of the new facebook comments box and blogger (blogspot) blogs.

Please note: If you think that you saw this tutorial before, The answer is no, it looks exactly like the old tutorial but this is an updated one, And a lot of problem are solved now, If you met any problems with our old tutorial, please try this one out.
For Upgrade: If you already have the old comments box on your blog, And don’t want to lose your current comments, Please Click here to learn how to upgrade easily.
 Warning : Before you start applying any changes to your blogger template code, We encourage you to Backup it, by clicking on Download Full Template link.

Preview

• What is the new facebook comments features.

1. Threaded comments : reply to comments.
2. User network : now it’s displaying the comment author not only name, but his profile info as well
3. Permalink to specific comments : Permalinks have now been assigned to each comment so people can share links and be directed to specific comments.
4. Notifications : sent to users will also go to the permalink, making it easier to respond. For example, clicking on the notification below will take you to the permalink of the original comment.
5. 2 Color schemes, regular light, and the new dark colors.
6. now let’s do it, don’t worry, i know that must of you tried to add it to blogger blogs, with no result, but today you’ll see how to add it in really easy steps and it’s 100% working. but please be careful and pay attention for all the details.
7. This tutorial is updated.

Step 1. Disable Default Comments.

The first thing you should do it to disable blogger default comments. because you don’t want to have 2 comments forms.
go to your blogger account, navigate to settings >> comments
and next to comments field choose Hide, then scroll down and click Save Settings

Step 2. Generate your Facebook App ID.

now you should generate your own facebook app id, it’s really easy and one step process,
just go to this page, facebook developers

then click + Set Up New Application

enter your application name, ( you can type any name )

and check agree and click Create Application

then click on Connect tab (on the left tabs-list) or see the next image.

and fill the following info.

Connect URL : Enter your blog url and you must enter it with an ending dash. (for example: http://myblogname.blogspot.com/) .

Base Domain you must type blogspot.com

then click strong>agree and click Save Changes 
on the next page facebook will generate you alot of info. you’ll need only one line, it’s App ID:
just copy it and keep any where, we’ll need it in the next steps. please see the following image to see where you’ll find your facebook App ID:.

Step 3. Codes To Add To Your Template.

you must add the following codes to your blogger template to ensure that the comments box will work for your blog in the right way.
and in this step we’ll add the following codes,

• xmlns attribute
• SDK script
• Open Graph protocol tags

• Adding the xmlns attribute :

please go to your blogger account again, and navigate to, layout >> edit html >> and checkExpand Widget Templates
then find the following code,

<html

you’ll find it on the top of your code. second or third line, and after it add the following code,

xmlns:fb='http://www.facebook.com/2008/fbml'

you must type a space before it and after it,
here is an example.

 <html  xmlns:fb='http://www.facebook.com/2008/fbml'  expr:dir='data:blog..............2005/gml/expr'  >

• Adding the SDK script Code :

search for

<body>

and after it add the following code,

<div id="fb-root"></div>
<script>
    window.fbAsyncInit = function() {
    FB.init({
      appId  : 'YOUR   APP ID',
      status : true, // check login status
        cookie : true, // enable cookies to allow the server to access the   session
      xfbml  : true  // parse XFBML
    });
  };

    (function() {
    var e = document.createElement('script');
      e.src = document.location.protocol +   '//connect.facebook.net/en_US/all.js';
    e.async = true;
      document.getElementById('fb-root').appendChild(e);
    }());
</script>

but please don’t forget to change YOUR APP ID to your app id ( you got it in the previous step ).

• Adding the Open Graph protocol tags:

copy the following code.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta   expr:content='data:blog.pageTitle' property='og:title'/>
<meta   expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta   expr:content='data:blog.title' property='og:title'/>
<meta   expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta   content='MY-SITE-NAME' property='og:site_name'/>
<meta   content='http://google.com/help/hc/images/logos/blogger_logo.gif'   property='og:image'/>
<meta content='YOUR-APP-ID'   property='fb:app_id'/>
<meta content='YOUR-FACEBOOK-PROFILE-ID'   property='fb:admins'/>
<meta content='article'   property='og:type'/>

and change the colored text to the following,
Change MY-SITE-NAME with the one you want to appear when a user likes a page. (Gil likes Helping on Facebook)

Changehttp://google.com/…/blogger_logo.gif with your blog logo, or remove the all tag if you don’t want it.

Change YOUR-APP-ID with your application ID number.

Change YOUR-FACEBOOK-PROFILE-ID with your own facebook user profile ID.

after making this changes add the above code just before

</head>

now we finished adding the facebook codes to your template, please don’t touch anything and continue to the next step.

Step 5. Adding the Comments Box to your blogger template.

please find the following code.

<data:post.body/>

and after it, please paste one of the following codes.
For Light Comments box ( like the one in the demo )

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><img alt='' class='icon-action' height='51' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjujjCIhIVpNhNdIN-bzPdVke6WzCoD3Cj3y7WGO1BoDYkXE7cVuKNSSE0Gu-R20P1U80ReYb0aGx9C9v8VypNc5lhgfe4uw4eATWKLLLIYZAPjDawOeX7_BYUUg8CiAp5CA3bhcTDZCYM/' width='331'/></p>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments width='450' expr:title='data:post.title' expr:href='data:post.url'   expr:xid='data:post.id'/></div>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'> <img alt='' class='icon-action' height='16' src='http://allblogtools.com/imgup/1-2010/allblogtools-blogger-templa.gif' width='16'/> <b><a href='http://www.allblogtools.com/' target='_blank' title='blogger templates'>AllBlogToolsFacebook comments for blogger</a>  brought to you by <a href='http://www.allblogtools.com/' target='_blank' title='blogger templates'>AllBlogTools.com , Get Yours?</a></b></div>
</b:if>

For Dark Comments box ( If you prefer to display the comments box in a dark colors. )

<data:post.body/>

and after it, please paste one of the following codes.
For Light Comments box ( like the one in the demo )

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><img alt='' class='icon-action' height='51' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjujjCIhIVpNhNdIN-bzPdVke6WzCoD3Cj3y7WGO1BoDYkXE7cVuKNSSE0Gu-R20P1U80ReYb0aGx9C9v8VypNc5lhgfe4uw4eATWKLLLIYZAPjDawOeX7_BYUUg8CiAp5CA3bhcTDZCYM/' width='331'/></p>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments width='450' expr:title='data:post.title' expr:href='data:post.url' colorscheme='dark' expr:xid='data:post.id'/></div>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'> <img alt='' class='icon-action' height='16' src='http://allblogtools.com/imgup/1-2010/allblogtools-blogger-templa.gif' width='16'/> <b><a href='http://www.allblogtools.com/' target='_blank' title='blogger templates'>AllBlogToolsFacebook comments for blogger</a>  brought to you by <a href='http://www.allblogtools.com/' target='_blank' title='blogger templates'>AllBlogTools.com , Get Yours?</a></b></div>
</b:if>

To change the width of your comments box, please change 450 to what ever you want, it’s in pixels,

and now please click Save Template , then check your blog. i wish it looks great and works perfectly.

Social widget and plugin for blogger,wp and All websites

Posted by Mohan Singh at 09:02

Social share widget use to easy to share website updates and increase website seo and traffic.Different website provide some widget and plugin for user use easy share facebook,twitter,google+ .
Some widget and plugin for website as follow :

1.ShareThis:

2.addThis:

Previews:

SEO Blogger: Optimize Your Posts As You Write

Posted by Mohan Singh at 21:40

Whether you blog about business, politics or the hot topic of the moment, SEO Blogger allows you to find the most sought-after keywords for your subject without ever leaving your blog editing screen. The tool sits alongside whatever blog publishing software you're using so you can do keyword research andoptimize your posts as you write. Then, simply hit "Publish" – and you're done!

SEO blogger and blogging guides

SEO Blogger is just one of Wordtracker's keyword research tools It helps you to search for keywords, and see how popular they are, as you write your blog post. It then tracks how often you use those keywords as a raw number and a percentage, helping you write fully optimized blog posts from your Firefox browser.

Read more about how to use SEO blogger to get your SEO done in 5 minutes! For more ideas on bloggingyou can read these popular blogging articles: • Business blogging – 13 reasons why your business needs a blog • How to make blogging work – How to make blogging work for your business • Blogging for link building – how to use your blog to build links to your website

Popular SEO articles

You can use SEO as a way to promote your website and should always bear your SEO strategy in mind while blogging. • Long tail keywords – how you should be profiting from long tail keywords • Introduction to Google Analytics – a comprehensive introduction to Google Analytics and how to turbo charge it • Easy SEO – How to make simple SEO changes and get great returns

How to write great content

Good content can help you attract inbound links, which boost your search engine rank and attract visits. Great web content will have your customers singing your praises. • How to write great headlines – the first of a 9-part headline writing masterclass • Web content recipe book – Our popular web content creation e-book • Ideas for writing – How to get ideas when writing web content

The Wordtracker Academy

We provide you with the most relevant and up-to-date information on succeeding online. Our marketing Academy covers most areas of online marketing including; • Keyword research • PPC (Pay Per Click) • Link building • Social media marketing

Related Posts Widget for Blogger with Thumbnails

Posted by Mohan Singh at 12:53

Related Posts with Thumbnails for Blogger

Displaying the links to related posts along with a thumbnail of the corresponding post will help you increase the page views/user .Users will be tempted to go for the related posts when they are presented attractively with thumbnails.

This is another first release from me.This one also uses the media thumbnails generated by blogger for each post.

For displaying the thumbnails,this widget will use the images uploaded for the post using the blogger image uploader(from the post editor) [Update - Now supports external images also.]

Related Posts Widget with Thumbnails for Blogger

Here are the detailed steps to install the related posts widget for blogger with thumbnails

1.First of all Login to your blogger dashboard and navigate to Layout > Edit HTML and check the "Expand Widget Templates" check box

2.Now look for

</head>

and replace it with

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><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 h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1O_GsJ0RozNkWOmGzDGW_P1o7mBiHMfLZTVQF1sq9oYFuCnAM8caB0JRbZWXI4RgiHeAb0nkKg6cuuvNVGinh1YOPSJgvj4_tvlz5p7QlnHG3vDtzf91CUig2IN5WecZs0ymW-3Q0A2g/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='http://bloggergadgets.googlecode.com/files/related_posts_with_thumbnails_min.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>

3.Now Find

<div class='post-footer-line post-footer-line-1'>

If you cant find it then try finding this one

<p class='post-footer-line post-footer-line-1'>

Now immediately after any of these lines(whichever you could find) place this code snippet

<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><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>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if> 
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://bloggertemplates.bloggerplugins.org/' ><img style="border: 0" alt="Blogger Templates" src="http://image.bloggerplugins.org/blogger-templates.png" /></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->

4.You can adjust the maximum number of related posts being displayed by editing this line in the code.

var maxresults=5;

you will also have to edit the posts per label(it should ideally be one more that maxresults)

max-results=6

5.To edit the title of the widget you can change this line of code

var relatedpoststitle="Related Posts";

6.To change the default thumbnail, you can edit this line of code

var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1O_GsJ0RozNkWOmGzDGW_P1o7mBiHMfLZTVQF1sq9oYFuCnAM8caB0JRbZWXI4RgiHeAb0nkKg6cuuvNVGinh1YOPSJgvj4_tvlz5p7QlnHG3vDtzf91CUig2IN5WecZs0ymW-3Q0A2g/s400/noimage.png";

7.To Change the Colour of the Splitter Line , edit

var splittercolor="#d4eaf2";

To change the other colours and all you will have to modify the CSS

If you fall into troubles implementing this,don't panic.. :) .just leave me a comment here and i will help you out. If you like to give me any suggestions on how to improve this widget,then it would be really great.

How to display the related posts on every page and not only on the post pages?

Just remove the two lines starting with <!-- remove --> from both step 3 and step 2.

that is lines

<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>

and

<!-- remove --></b:if>

Update 29/03/2012 : If the script is not working for you then please change http://blogergadgets.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js to http://bloggergadgets.googlecode.com/files/related_posts_with_thumbnails_min.js

Sorry for the trouble :-)

Country Specific BlogSpot URLs

Posted by Mohan Singh at 12:48

Blogger has started using Country Specific URLs and some of you might have already noticed it. The change has been rolled out in India.If you are from India try visiting any BlogSpot URL and you will be redirected to the country code Top Level Domain (ccTLD). For example if you visit any page on http://bloggerindraft.blogspot.comfrom India , you will be redirected to the country specific page onhttp://bloggerindraft.blogspot.in . Similarly if you visit any other ccTLDs  from India, you will be redirected to the Indian TLD
eg: http://bloggerindraft.blogspot.com.au (Australian TLD)  will redirect to the Indian TLD .

Blogger has made a help page entry describing why they have made this change. You can read that at Blogger Help As per the article the change might soon be rolled out to other countries as well.

Why This Change?

This change was specifically made to enable country wise censorship.

“By utilizing ccTLDs, content removals can be managed on a per country basis, which will limit their impact to the smallest number of readers. Content removed due to a specific country’s law will only be removed from the relevant ccTLD.”

Who is affected by this Change?

Everyone Blogger user who doesn’t have a custom domain name(but has readers across the globe)  irrespective of the country you are from is affected by this change. Right now it seems like the change has been rolled out only in India. So when an Indian user visits your blog, he will be redirected to the .in TLD. using a 302 redirect.

What should I do Now ?

The first thing that you have to do is to make sure that you are using Canonical tag on your blog Pages. This should be there by default in all templates unless you hacked the template and removed some code from there.

Make sure that the following line is there in your Blog Template

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

This tag will render the canonical tag for you.

If you don’t want to add this tag for some reason, then you can use the following tag in the template’s head section.

<link expr:href="data:blog.canonicalUrl" rel="canonical"/>

data:blog.canonicalUrl will give you the actual canonical URL(blogspot.com ).

What does the Canonical Tag do ?

The Canonical tag specifies the actual location of the page. Even if you are viewing a blogspot.in page, the canonical tag will let the search engines know where the actual page is located(the blogspot.com version)

If you don’t have the canonical tag on your pages, you might get into trouble on search engines which might index different country specific pages of your Blog. Your Social Counters(Facebook Like Button, Google Plus One button etc)  will show the wrong count and will allow users to share different country specific versions of your Page. Adding the Canonical tag will ensure that the same blogspot.com page gets shared on social networks and so the counters will display the same count irrespective of the country the visitor is from.

Custom Domain Blogs like mine will not be affected by this change.

Dynamic View Templates

Dynamic View Templates doesn’t render  the canonical tag(when I’m writing this post). Hence non-custom domain blogs which use Dynamic View Templates will face the issues that I have mentioned above. I have reported this to the Blogger guys and hope this will soon be resolved.

Update :- Blogger has now addressed this issue and now the canonical tags  have been added to Dynamic View Templates as well.

No Country Redirect (NCR)

If you want to temporarily  prevent Blogger from doing a country specific redirect while viewing a blogspot blog, then you can use the NCR option.

Examples : http://bloggerindraft.blogspot.com/ncr will give you the .com version without redirecting to your ccTLD

http://bloggerindraft.blogspot.com.au/ncr will give the australian ccTLD without redirecting to your ccTLD

Google Plus One and Facebook Like Buttons

The first reaction that I heard on Social Media Sites is about the Social Counters. This change won’t affect your counters. When a page gets shared on Facebook, FB always shares the Canonical URL. So you don’t have to worry about the FB counters. Google Plus will allow you to share non-canonical URLs, but since G+ doesn’t have any counter based on number of shares, this won’t be an issue.  The Facebook Like Buttons or the Google +1  Buttons will always use the Canonical URL, so counters won’t have a problem with this update(provided you have the canonical tag)

Update (1/2/2012): Since most of the Social Counters were not configured to use Canonical URLs, they might show wrong counts. All template tweak posts here on this blog has now been updated to use Canonical URLs. If you are using the data:post.url variable in any of the social plugins, then you will have to replace it with data:post.canonicalUrl. If you are using data:blog.url anywhere for social plugins, then you will have to replace it with data:blog.canonicalUrl . You might get some idea if you check out the updated posts here on this blog.