Showing posts with label Tricks 2014. Show all posts
Showing posts with label Tricks 2014. Show all posts

How to Submit Your Blogger Sitemap to Google postheadericon

How to Submit Your Blogger Sitemap to Google

Sitemaps are text files containing a list of all web pages that exist on your website and are accessible to crawlers and users. These helps visitors and search engine bots to find pages on website. Sitemaps are a way to help Google indexing pages on your site which otherwise might not be discovered.

If your blog is hosted on blogspot.com (or if you are using a self-hosted version of Blogger with a custom domain) you will be surprised to find out that the default sitemap file, contains only the 26 most recent pages of your blog which in normal case should contain all URLs of a website.

Many webmaster pretend to teach others how to drive traffic to blogs or websites yet leaving out the most important factors like sitemaps. There are still other websites who keep on providing the old methods of generating a sitemap for blogger which are not any effective.

Step 1: If you haven't done this already, sign-in to your Google Webmasters account and add your blog.

Step 2: Once your blog is added to Google, go to Webmaster Dashboard  and click on your site address

Step 3:  On the left panel choose Site Configuration >> Sitemaps - then click on Add sitemap.
 
Add each of the following codes:


/atom.xml?redirect=false&start-index=1&max-results=500
/atom.xml?redirect=false&start-index=501&max-results=500
/atom.xml?redirect=false&start-index=1001&max-results=500

If your blog have lots of pages, add the sitemaps below:

atom.xml?redirect=false&start-index=1001&max-results=500
atom.xml?redirect=false&start-index=1501&max-results=500
atom.xml?redirect=false&start-index=2001&max-results=500
atom.xml?redirect=false&start-index=2501&max-results=500
atom.xml?redirect=false&start-index=3001&max-results=500


Google Adsense Optomization tips Help You Earn More Money postheadericon

What is Google AdSense? 

Google AdSense is a free program run by Google that allows you to display Google adverts on your blog/website and pays you everytime someone clicks on one of these ads. Just submit your blog to Google for approval and after your content has been approved, you are ready to place AdSense ads on your website.  But beware, Google AdSense doesn't approve any sites! According to AdSense policy you are not allowed to do the following things:
Google Adsense Optomization tips Help You Earn More Money



1) Do not click on your own AdSense ads by any way.
2) Do not increase AdSense ad impressions with some automating tools.
3) Don’t ask others to click on your ads.
4) Don’t alter the AdSense code other than fonts and colors.
5) Don’t put AdSense code on adult or prohibited content.

Some basic optimization tips can double your AdSense revenue, so i've added a list of some of the best Google Adsense Tips and Tricks for making more money from the Google Adsense program.

Tips to Increase Google AdSense Earnings

1) Place the Adsense ads above the main fold that user can see your ad units without scrolling down on your site. This will increase your Ads Click Through Rate (CTR)

Because browsers and screen sizes vary, Google has created a nice tool that allows you to enter any URL, and check whether you've implemented your ads above the fold.

2) The best performing ad units for AdSense are:

250×250 Square
160×600 wide skyscraper
336×280 large rectangle
300×250 medium rectangle

Use them wisely. I suggest you to place 250 x 250 size ad units at the top of every post and align it at the right or left side of the post content. The 160×600 ad format can easily fit in the sidebar of your blogger blog.

3) You can use the following “heat map” provided by Google to analyze other top performing ad placement slots. You should concentrate on the areas with darker orange color which represents the hot spots of the ads slots. (see in the image below)


Google Adsense Optomization tips Help You Earn More Money



4) Text ads are good for the first Google Ad unit. I also recommend you to place a 300×250 unit in the sidebar (or somewhere below the fold) – these generally serve CPM based ads and will help you monetize visits from places like Digg and StumbleUpon.

5) Ads placed in-between the content can also perform well. If you have small posts then put ads at the top of the page content. If you have big post then ad units placed at the bottom or middle of the post.

6) Do not use borders to your text ads or use them wisely.

7) To blend, choose the colors that match with the colors of your website: for example if your site background is black, you will put the same background for your Adsense ads. If your links are blue, then select the color blue for Adsense links. If your titles are red, then make your Adsense block titles red.

8) To complement, use colors that already exist on your site, but don't match the background and borders exactly where the ads are placed.

9) To contrast, choose colors that stand out against the background of your site. Contrasting is recommended only for sites with dark background, so we suggest using an ad style with white background, white borders, and blue titles. (google hints)

10) Use link units near the site navigation bar. The main advantages of this placement, are that they can perform well and you don't need too much Ad space on your site. This way, your site looks clean and also, your visitors will be annoyed.

11) Study your keywords and the target ads to these keywords. Usually, Google Adsense crawler searches for the first or second paragraph to target ads to that page so don't forget to add your page-targeted keywords at the beginning of your post.

12) MFA (made for AdSense) sites are websites created around AdSense keywords, and often, these are poor quality sites with little or no original content. Use Allow and block ads feature to block low paying or irrelevant ads showing on your site. And be careful when you're doing this, sometimes one ad unit can give you $0.01 in one country and $1 in other country.

13) Use Google Adsense ad preview tool to view what ads are showing on your site.

14) Many times you can earn you more AdSense revenue from Image search engines than with the regular web traffic. Upload good quality images and use text captions with alt tags to make sure that blog images rank good in Image Search results.

15) Add a search box at the top left region of your blog and use the word "search" in the submit button otherwise visitors might be confused and might not notice it. If you use a second search box, put it at the bottom of your pages.

If you have any other suggestions, write a comment below.
Good luck!

How to Create a Google Adsense Account Complete Steps postheadericon

How to Create a Google Adsense Account Complete Steps

Google AdSense is the most popular option for monetizing online content, but sadly enough, many bloggers don't know how to create a Google Adsense account. Creating a AdSense account is very easy thing to do and for being accepted you just need a website or a blog indexed by Google, which should contain a minimum of 10 pages and most important, not violating Google Adsense policies










Apply Account Approval

Before anything else, you have to apply for a Google Adsense account.
Just go to the Adsense homepage www.google.com/adsense and click on the "Sign up now" red button.

Now you must complete the Adsense registration form:
 
How to Create a Google Adsense Account Complete Steps


Step 1. Select your Google Account to continue

Step 2. Tell us about your content: enter your main website/blog URL where you want ads to be displayed, then select your website content language.

 
How to Create a Google Adsense Account Complete Steps
 
 
Read and pay attention to the Google Adsense policies, because if you violate the rules, your account might be disabled later. And unfortunately, you have small chances to get it back.

Rules:

1. I will not click on my ads nor encourage others to do so. 
2. I will not place ads on sites that include adult content, including pornography. 
3. I will not place ads on sites involved in the distribution of copyrighted materials. 
4. I do not already have a Google AdSense account. 
5. I will not place ads on sites that include incentives to click on ads.

Check "I have read and agree...", and then press "Continue"

Step 3. Submit your adSense application: select your account type and enter your personal information (country, your real name, address, phone). These informations will be used when you will receive your payment. Next, press "Submit my application" to finish with the registration.
After submit the form Google will review your blog and your registration. Wait maximum 2 weeks to get your AdSense registration approved... or rejected. Google will send you an email to your inbox if your account has been approved.

Good luck! 

Add a Facebook Like Button Below Blogger Blogspot Post postheadericon

Add a Facebook Like Button Below Blogger Blogspot Post

This Facebook Like button will allow visitors to Like your post and share it to their Facebook friends. In this post we will see how we can add a Like button for each individual Blogger post, and not a Facebook fan box for the entire blog (which is also a good idea to have in your sidebar). Having a Facebook Like button below your post titles makes easier for Facebook users to like specific posts on your blog, which in turn displays the liked content on their profile (and potentially on their friend's feeds).

If you want to add the Facebook Like Button below your blogger post title, then follow these steps:

Adding Facebook Like Button Below Post Titles


Step 1. Go To Blogger Dashboard > Template > Edit HTML 

Step 2. Click anywhere inside the code area and search - using CTRL + F keys - for this piece of code:

<data:post.body/>
Note: you might find it more than 3 times, stop to the second one (or third one in case it won't show up after applying the code from step 3)

Step 3.  Just above it, paste this code:
<p><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:20px;'/></p>





Add a Facebook Like Button Below Blogger Blogspot Post
 

Step 4. Save your template and you are done with this simple implementation of the Facebook Like button on your Blogger blog.

Check Online Your Web Rank On Google Easily postheadericon


Add Check Online Your Web Rank On Google Easily


Check Page Rank of your Web site pages instantly:
This page rank checking tool is powered by Page Rank Checker service

How to Remove Powered by Blogger Attribution From Blogger postheadericon

How to Remove Powered by Blogger Attribution From Blogger
The Attribution gadget is the gadget in the footer that says "Powered By Blogger". If you have tried to remove this then you may of noticed this gadget is locked into you blog. To unlock it, follow the next steps:










Step 1. Log in to your Dashboard, go to Template > Edit HTML


How to Remove Powered by Blogger Attribution From Blogger


Step 2. Click anywhere inside the code area and press the CTRL + F keys to open the Blogger' search box


Step 3. Type or paste the following tag inside the search box then hit Enter to find it:
</head>
Step 4. Just above </head> add this code:
<style>
#Attribution1 {
display: none;
}
</style>
Step 5. Click on the Save Template button to save the changes.

That was all !

100% Working Way to Increase Your Page Impressions and Traffic on Your Blog postheadericon

What is a Google AdSense "Page Impression"?
Page Impressions and Traffic on Your Blog

The page impressions or page views - how much time a user stays on your website and how many pages are visited. This is one of the most important things when talking about advertising. Page impressions are the result of good high quality traffic which is mostly based on the quality of the content available on your blog/website. If you build high quality content then people will enjoy navigating through your site and therefore, create page views.

In general, AdSense reports show the following fields of information:
  • Page Impression: how many times the page or pages containing the AdSense advertisement was shown to your blog/website visitors
  • Clicks: the number of times visitors clicked on an advertisement from your site
  • Page CTR: The clickthrough rate of an advertisement is defined as the number of clicks on an ad divided by the number of times the ad is shown (impressions), expressed as a percentage. (1) In most cases, a 2% click-through rate would be considered very successful, though the exact number is hotly debated.
  • CPC: is Cost Per Click. That is what Google pay you per click.
  • Estimated earnings: Your account balance for the time period selected. This amount is an estimate that is subject to change when your earnings are verified for accuracy at the end of every month.(2)
Page Impressions and Traffic on Your Blog

  
1. Navigation Menu

Create a navigation structure that is clear and easy to follow. You want to make sure that once you have a visitor, they can easily make it to other parts of your blog. Creating links within your blog pages is one of the best ways to increase the number of impressions for your website.


2. Posts Summary on Homepage

A very good method to increase your page views is to have a summary of your posts on your blog/website homepage. That will force visitors of your blog to click on posts link / read more button in order to see the full article. To show only a part (excerpt) of Blogger posts, read this tutorial:

3. Improve Blog/Website Load Time

If a blog’s pages load very slowly, then visitors will eventually lose patience and stop visiting more pages, sometimes sooner rather than later. A blog that has quick loading pages is a pleasure to browse and it encourages more clicks.





4. Add a Popular Posts widget

Page Impressions and Traffic on Your Blog


 Another great way to engage your readers to stay more on your site/blog and to browse through your content and make more pageviews is to add a Popular Posts Widget where you share some of the best posts on your blog.

Here are some nice Popular Posts widgets for your Blogger blog:








5. Add a Random Posts Widget

If you have loyal visitors who come to your blog on a daily basis, a popular article widget will become boring just because they see it every day, with same posts. A random posts widget will mix the articles so that the probability for a post to repeat will be very low.





6. Link to Related Posts at the End of a Post


Displaying a related posts is a smart way for keeping your site visitors around. The widget links to stories that are relevant and interesting to readers of a particular post, keeping them engaged with your blog, and increasing your traffic.


7. Add internal links to your content using related anchor text

Include a link in a new post to related information in a previous post. When you link to a previous post that you've written you should consider doing it so with descriptive words of the post, rather than generic words. (don't use simple words like "click here for more"). Adding links to previous articles will determine your visitors to view articles and automatically will be converted into page impressions.

8. Provide links into your social networks profiles or forums

Share your blog links on Facebook, Twitter or any other websites or popular forums. Answer to questions on the web. But be careful to not be too intrusive and always try to give pertinent info.
You wouldn't want to support or to be considered as a spammer, don't you?

9. Add a search box

Page Impressions and Traffic on Your Blog


A lot of websites does not have a search box. As a result, the visitor will leave the site if he didn't find anything further relevant. For best results, you should be using the Google custom search widget. You can embed the Google search box directly in your blog. The search results will be more relevant than those that are provided by your default search box.










10. Add Social media buttons 

Give your visitors multiple options to tweet, bookmark and share your posts via Facebook as well as save your whole blog. Put social icons below your post and in the sidebar, make them visible and let them be found easily.

11. Use a clean background for your posts and readable fonts

Avoid dark backgrounds, tiny and sophisticated fonts, and make written content the visually most distinct part of your blog. If your main objective is to deliver a message and get the visitors reading your stuff, then you should make this process comfortable for them.

12. Advertising

And finally, getting people to your site may just be a matter of getting the word out. By using pay-per-click advertising, you can create an inexpensive advertising campaign to get more people to your site.

Following these tips will surely increase your blog's page views, which will make your blog traffic high in the future. Good luck!

How to Add a Favicon in Your Blogger Blog postheadericon

Favicon (Favorites Icon) is the small picture (usually 16px x 16px in size) you see beside some some site's name in your browser's address bar. Having your own favicon with a nice graphical reminder of your site beside is a good way to get visitors attention. Blogger users can add a custom favicon for their blogs going to the Layout section  and by clicking on the Edit link on the "Favicon" element.


How to Add a Favicon in Your Blogger Blog
"For many bloggers, having a custom favicon (the tiny image displayed in your browser’s window or tab) is the finishing touch that ties together the design and identity of a great looking blog. Today, we're pleased to announce that Blogger in Draft users can now add a customized favicon to their blog. ~Blogger in Draft"

 


How To Add a Favicon to Your Blogger Blog

Step 1. Log in to your Blogger's Dashboard, go to the Layout and click on Add a Gadget link


How to Add a Favicon in Your Blogger Blog


Step 2. Click on the "Edit" link on the "Favicon" setting above the navbar element.


How to Add a Favicon in Your Blogger Blog




Step 3. A popup window will open where you can search for an image in your hard drive to replace the default favicon image. Click on "Browse" button and search for your favicon (it should have the .ico extension) - then click on "Save".



Step 4. Now you should see your own favicon instead of blogger's default favicon.


It might take some time until your new favicon will appear in your Browser's tab or window.

If you want to add animated favicons to your Blogger blogs, then follow this method below.

How to add an animated favicon in Blogger

Step 1. Log in to your Blogger account > Template > Edit HTML (if needed, click on Proceed button)


How to Add a Favicon in Your Blogger Blog


Step 2. Select the "Expand widget templates" box

 
How to Add a Favicon in Your Blogger Blog
 
Step 3. Search (CTRL + F) for:

 <b:skin> 

Step 4. Paste this code just above it:

<link href="your-favicon-links-goes-here" rel="icon" type="image/gif"/>

  Note: replace your-favicon-links-goes-here with your favicon's link location

You can choose from here some cool favicons for your site/blog: http://www.favicon.cc/ (just download the favicon you like - upload it on tinypic or on a blogger's post, then copy the link address/direct link)

Step 5. Save the Template. And you're done!

Add a Admin Panel Dashbord in Your Blogger Blog postheadericon

However, customizing or removing the Blogger Navbar also has its downside because the admin links for "New post", "Customize" and "Log Out" will be no longer visible and navigating through the blog functions could be really frustrating sometimes. When the navbar is visible, blog administrators can easily create a new post or customize their template with just one click; however, when the navbar is hidden, many more clicks are required to access the Blogger dashboard panel again.

So in this tutorial, we'll see how to add an "Admin Control Panel" menu with many cool additions such as:

- access to the Blogger's Homepage
- create a New Page or Post
- view all your posts
- read your comments
- access the Blog's layout to add or rearrange gadgets
- edit the HTML of your Template
- refresh current page or post
- open a new tab with your blog's homepage
- access the blog' settings
- view your stats
- ...and finally, log out

We will put all these options on the top of your page as a menu and we will make it visible only to the administrator of the blog, so our blog visitors will not be able to see it.

The result will be something like this:


Add a Admin Panel Dashbord in Your Blogger Blog


Getting the Blog ID 

The first thing we need to do is get the ID of our blog by clicking on any option from our Blog Dashboard, for example Settings. Once we have clicked there, take a look at the address bar in your browser:


Add a Admin Panel Dashbord in Your Blogger Blog




Within the URL you will notice a string like this:

blogID=XXXXXXXXX
Where XXXXXXXXX is the unique identifier (ID) for your blog.

Copy the ID for the blog you wish to work with so we can add this in the links for your admin control panel.

Adding the admin control panel to Blogger template


The Admin Control Panel will only be visible when the blog author is logged in. It is invisible to blog readers, similar to the Edit post/widget pencil icons which are only visible to you while you are logged in.

To add the control panel to your Blogger template, follow the steps below:
   
Step 1. Go to Template and click on the Edit HTML button:
 
Step 2. Click anywhere inside the code area and press the CTRL + F keys to open the Blogger' search box


Add a Admin Panel Dashbord in Your Blogger Blog


Step 3. Paste this line inside the search box then hit Enter to find it:

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
Note: if you can't find this line, try to find the <body> tag.

Step 4. Just below this line, add the following code:
<span class='item-control blog-admin'>
<style>
.control-panel ul{z-index: 20; position: absolute; margin: 0px auto; background-color: #F6F6F6; width: 100%; }
.control-panel ul li{display: inline-block; float: left; padding: 7px 0px;}
.control-panel ul li a {color:#686868;padding: 7px 15px;border-right: 1px solid #E3E3E3;font-weight: bold;font-size: 13px;}
.control-panel a:hover {text-decoration:none; color:#FC8F44;}
</style>
<div class='control-panel'>
<ul>
<li><a href='http://www.blogger.com/home'>My Blogs</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#editor/src=sidebar'>New Post</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#editor/target=page'>New Page</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#posts'>All Posts</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#comments'>Comments</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#pageelements'>Layout</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#templatehtml'>Edit HTML</a></li>
<li><a href='#' onclick='location.reload(true); return false;'>Refresh</a></li>
<li><a href='/' target='_blank'>New Tab</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#basicsettings'>Settings</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#overviewstats'>Stats</a></li>
<li><a href='http://www.blogger.com/logout.g'>Logout</a></li>
</ul>
</div>
</span>
Change XXXXXXXXXXXXX with your unique Blog ID previously copied, and be careful not to delete anything, like quote or any other character.

Step 4. Click on the Save template button to save the changes.

Now take a look at your blog. While you are logged in to Blogger, you should notice your control panel appear on top of your blog. Enjoy!

With this admin control panel for Blogger you can easily access the functions of the blog and you will not have to always open your blog page and the Blogger homepage at the same time.

How to Add Number Comments on thread in Blogger Blog postheadericon

How to Add Number Comments on thread  in Blogger Blog
What the following CSS trick will do for you:
  1. When the general block of comments is initiating (.comments-content) a counter called countcomments activates and starts with an initial value of 1. 
  2. Then, each time the code flow goes through a review of any level, either a principal or a reply comment (.comment-thread li), content will bring us in front (:before) of the body of the comment, the number that is the counter at the time.
  3. Then is incremented in one unit the counter (counter-increment).




Isn't that great? Well, i'm pretty sure many of you have been waiting for this cool trick. So let's begin applying it for our threaded comments system.

Steps to add bubble comments count
 
Step 1: Go to Dashboard - Template - Edit HTML (click on Proceed if needed)

How to Add Number Comments on thread  in Blogger Blog


...Expand Widget Templates:
 
How to Add Number Comments on thread  in Blogger Blog



Step 2: Search (CTRL + F) for this piece of code:


]]></b:skin>

Step 3: Add the following code just above it:

.comment-thread ol {
counter-reset: countcomments;
}
.comment-thread li:before {
content: counter(countcomments,decimal);
counter-increment: countcomments;
float: right;
z-index: 2;
position:relative;
font-size: 22px;
color: #555555;
padding-left:10px; 
padding-top:3px; 
background: url(
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb7xafumkk4l9ZUprsp6AJZeca10sSxq7563Xa9WhZsa1y2kigTrmvuGCbeTFeKEmiPgAYrtuNUqQyUqtQQlB9LmsL1Szbtm_s-H5Fur82Q5Z0h032FYKhSKmmM6rzSUNcmcgfL8Wj9uLL/s1600/comment+bubble2.png) no-repeat;
margin-top:7px; 
margin-left:10px; 
width: 50px; /*image-width size*/
height: 48px; /*image-height size*/ 

}
.comment-thread ol ol {
counter-reset: contrebasse;
}
.comment-thread li li:before {
content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin);
counter-increment: contrebasse;
float: right;
font-size: 18px;
color: #666666;
}
Note:
  • for no bubble icon, remove the code in red (including the blue code)
  • to change the comment bubble, replace the code in blue with the URL address of your own icon. If you're not sure what icon you should use, you can find some cool icons in my previous posts (see these tutorials here and here)
  • to change the position of comments count, increase/decrease the values (3 & 10) from padding-top and padding-left
  • to change the position of comments bubble/icon, change the values (10 & 7) from margin-left and margin-top
Step 4: Now Save the Template and you're done!

If you enjoy reading this blog, please share and subscribe. For any questions, leave a comment below.

Google Translator Widget For Your Blogger Blog postheadericon

Google Translator Widget For Your Blogger Blog
The Google Translate Widget for Blogger allows the visitors to translate your site or blog in their own language. 
This widget also auto-detect your blog language and then translate it to the readers chosen language.












How To Add The Google Translate Widget To Blogger


Step 1. Go to your Blogger Dashboard >> Layout and click on "Add A Gadget" link



Google Translator Widget For Your Blogger Blog


Step 2. From the pop-up window, scroll down and choose HTML/JavaScript



Google Translator Widget For Your Blogger Blog

Step 3. Paste the code below in the empty box:



<script type="text/javascript">
function showHide(shID) {
    if (document.getElementById(shID)) {
        if (document.getElementById(shID+'-show').style.display != 'none') {
            document.getElementById(shID+'-show').style.display = 'none';
            document.getElementById(shID).style.display = 'block';
        }
        else {
            document.getElementById(shID+'-show').style.display = 'inline';
            document.getElementById(shID).style.display = 'none';
        }
    }
}
</script>

<style>

 .google_translate img {
margin: 10px 20px 0px 20px;
    height: 24px;
    width: 24px;
        }
        .google_translate:hover img {
filter:alpha(opacity=0.30);
        -moz-opacity: 0.30;
        opacity: 0.30;
        border:0;
        }

.more {
    display: none;
a.showLink, a.hideLink {
    text-decoration: none;
    color: #0880C4;
    padding-left: 18px;
    background: transparent('down.gif') no-repeat left; }

a.hideLink {
    background: transparent url('up.gif') no-repeat left;
color: #0880C4;}

a.showLink:hover, a.hideLink:hover {
color: #0880C4;
 }

 </style>

 <div>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguAxjpAtbB3EhUgKamIQvL3sZuEX901-zT4XexhrhWzNgTCjomm2AnvVuVO9D19XFfTFG02UXcGtWXyhBW_wOet94ZX7HthyphenhyphenZcREKBxLpmhqt5WaZxhy4_Q2UsK7DeIMUs3cU4wrqKYmbc/s1600/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2tubmR4i6OlceJwGiQvRrALckT75bAN0Qj3s8bhsey5KvXNufb4HWQLi0hv6EWpsgiLaNYnO1ogIFKcyRp9RiL_GRYjycveCvDH32yYkAWwK2F8H5x5eyJJCloiJaFzsYmY8Crq8Th02E/s1600/France.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp7CZgjudoKOa9qmw8UPKUMpGN5MrpV3_LU0qRihICB_wuj7efBBAX01iWrhzOR4DgnHaw1m3QfPNcw7713gzYDMHae0SejvvvznmwOzq5xrhhdUwCQMX_US0V3RdgHaP-E5jniFpPyk-u/s1600/Germany.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAess2I5e2PyCE3ZhOkZmocsdYX-hn52JM6DOnutj2QakIe1QlEgjW_ibUVEUHQhTnafD4HeeHBAbAHIlJIOdKt7M3Kdr73UxSF80HIgqBddxyZUz6klE7RXETq9qEqZPQWPws9tt9jjTH/s1600/Spain.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a href="#" id="example-show" class="showLink"
onclick="showHide('example');return false;">More</a>
<div id="example" class="more">
 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqOQ28f3a6DaP_d2cxrY4ur-sRmtnyjxS4kmk1SUWa-wlJhEegrQPl6ZQYijnVkEPXQfI0xFwQcyW4ew23EuJIM1Omht9xtLhluqLIRjhqh4iAEirZcFA_CVU2wWX5Ya42zweP0BT2aDkJ/s1600/Italy.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKXIqN8M_8Ful3Eq5eB9FXsY3IEOfXDzOb-w_NPxfckZdSBbZhDzA0D6GF-CSX2-0WIkgt6ZXAMZQbdfJD6dIrlBiiV5MvUnRy3R0mwlPE0VOTVzpokc7oq1LToAJoIzuSAvPTiVLv1ZMI/s1600/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
      <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidjQbX1ZgsKpcqTDfD0DRyNL_92c8w0wTVTXg15n3mD-jH4xU1HptLHbZCUo-NznaoZUsDv8PwGNN8LbY8WHCye1YSI0xvE8UuA5vbQHA4v_a-tCVg2K5sJMBOsXUcKuc776stzntOU2Zb/s1600/Russian+Federation.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXi6bvulucVHO9-H2YAXfjo9JKmQmQcDTvUQ3Usvw7dzbMHWgvrB0dt8KIBn8nCtyWDUclSiTnpDyy2TDzz5zI7o_rocp91mIYLpP9eeUcWjAZMmVjyIB1ZSPNWSesYAEOVaCf-Li-T-NL/s1600/Brazil.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br />
 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXWgOAPlaV3NrRuEPqHXQsWFLni2VSngpnrJZcEMd2UuUNRy4J6VYJaiegxDdx80EYZOZ5LP8LX-ti3vAz9a93i3zLB9Yvbo6fPFnPUjnvwIehjuoV_4EIowTOREr-in5S1S_Xgkx4OWq0/s1600/Japan.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimFXOMkjsvyphz2S-gp2OiPshfj1cKrDcGtDsFHmZZO-WLwaNsCqgDJ72SmeM_Ue6rSJrcTYx_M5FJQXsVGzipa4h6FXYsAXgg74O3IrWbpjTKOiecN2e7mHox7mTYK8dLD9Zx_8rfhsry/s1600/South+Korea.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZS4m7CTRmpevKU4G2rEN2ecKZYqnONXl1o5r9o-YM5hexTNr2ejfwkzEqrcgvVgYVWEjCm6HWzu2mJY2uPcGk5GMz5xBSQMZCqtBkcPjyHuqxCa9mkoS109nJEbygCopD6HRx2cMmog2c/s1600/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7czh-cn&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLrBm__peBzkTM6RCYak_eV7VEhQfuUGTlC_JIiXJ-qNgQhhDmq3Gc6TytODyCBeimahFKKQ6257HglCfxnKrQzeP0zwiucNamqec7WmNehF7JrL7kCCp5CROW4AbEsG-CndGCUtr3HWfE/s1600/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
    <p><a href="#" id="example-hide" class="hideLink"
    onclick="showHide('example');return false;">Hide / </a><a href="http://helplogger.blogspot.com"><font size="1px">Get this widget</font></a></p>
</div>
     </div>

Step 4. Now click on Save


Google Translator Widget For Your Blogger Blog

And you're done! Enjoy


Add Facebook Emotions in Blogger Comment Box postheadericon

Add Facebook Emotions in Blogger Comment Box
Here are some amazingly funny emoticons compatible with your Blogger comments - also with threaded commenting system! If you want to know how to add them, just follow the next steps:





Step 1.

Go to Dashboard - Template - Edit HTML - Proceed

Add Facebook Emotions in Blogger Comment Box


...and select Expand Widget Template (don't forget to make a backup)

Add Facebook Emotions in Blogger Comment Box

Step 2. Search (using CTRL + F) for this code:

  • For previous commenting system: 
 <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  • For threaded comments:
 <div class='post-footer-line post-footer-line-3'>

Step 3. Add the below code just above it

(for threaded comments, add the code after):

 <b:if cond='data:blog.pageType == "item"'>
<div style=' width: 450px; text-align: left; border: 1px dashed #0084ce; background: transparent; padding: 10px; color:#000000; font-weight:bold; '>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9VbT3wjAQx7h_KmMldEGEwU605heV9Ndk20od2NvBB5Yg4MxtBBSITiAXOdkiuuHA_WY517T2OwcsXiHFs6jElA50UPyKDTlARRmw1-O5sePXbMVodIKIJdgH1mqeM5Gihmten9x-B773/s1600/helplogger.blogspot.com(1).gif'/> :a
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP-OHnCGFSoxMntkBPllhxC9bE_QNlJaS4yW3spR8_lOj33-R4_8LNCPHMVQxcji98p6TYwq2dlR59TQ8Z6QzQlfPVUtDC4o3t8WXNkwxTpzTWZBudH9IUEJfFDu3Izuf5LYouYsnJ5gtM/s1600/helplogger.blogspot.com+(2).gif'/> :b
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4dfE-SnipHRL4jKAiR3r9-rUrvUrKogazU2beu5vGSY2tUG7EikbF2mSYYK8oFkrX_mgP9Lvsi2Qv8BYbPpo1-bLlPVg2TsK6XrjVE3x4ivbnHgaF9YIZMyWd1JPDYDToE6jTTuGtB6U4/s1600/helplogger.blogspot.com(3).gif'/> :c
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAqyPRWJ1sAS6GweCtOabRWUsU_0QkQNmW32NMe3AdwQBox0_OTUN1YkTElVYg0bv8s78wHRpO5bjGkjZojsvCf_KlO91MI4WXzoH_0cIMjivAYjd6JN4ZHZHEC0U5y6UjCBbf0fPhWEfX/s1600/helplogger.blogspot.com(4).gif'/> :d
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEismyvhplbC0yYoJ7nYFeHjbzeGHfqHW-TksWt-WtyYrnBcrGUaQoUjc9yDYnb6yjETzsvnvmGS8-wVC5j0rNM1rYvYjNS2WefI8RIfJpDX0Kd2_37giS9NdnpDOMIoqWJXL7wDISJRAPF3/s1600/helplogger.blogspot.com(5).gif'/> :e
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjuPZGulDSSVh5nhOri58vCHN-yWRmMNZHwKs4dnn_hlUMcDd1Ye2WV6MToRAa_cbHfJhtzpOz8Z0nEhFdXvf9NPYVKKgNfnQk17V-vFn03afb_ALji-lnHhWsrCH73fdz_azb0s5OgFVK/s1600/helplogger.blogspot.com(6).gif'/> :f
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib-euWBcCLMOk4RMLBzT1iUi_gVbsSCz30Ff3RHnaYKwH_KfLZ887UGfOMxRGoQy0F7eUWOhDabrPbWuU-j-AEyc0yxMFwkocFftQrHWYb1BLn9RX5tndGUwE2WJqsTb_kNfHpKZKnFedZ/s1600/helplogger.blogspot.com(7).gif'/> :g
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYlDNgaZsv4tGmCT7E2VnfNg6ec3MkgoKadSWB458wxTJxX3PBZJ8Wi93391HMxtw5uImjCuPwQnuAR0-XHp0yIrKlM-CU3zOvV8XXMuDQcxqy0fE2-JS5UAIBQMhVo8ti4tlsNo1fqGcs/s1600/helplogger.blogspot.com(8).gif'/> :h
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAqsu-IKVoNLF8pvbJypdDscyJCbnZkuapH2ygG2woP4HhYXAZ1mMKnpaaDOreytBIreH1zHadnJm3HQ-6neZQSFUmGEr1ABm00keZSh7kGrL6qzfPGSpV1vXB_OjQYUMI36O_-ACunagY/s1600/helplogger.blogspot.com(9).gif'/> :i
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivSt80qpFqflA5g-Mx2pjaZ7zZwcI5OS2yOjgH_PPUbkl0oPPUK6T2NN_66DFukc8-tivulNsgOI4p7xUkkchZxl2voAfEYvp_Ow1vdWvTwE7SbKG_T6-xS4CXvFR36jmROxlczEdypQzj/s1600/helplogger.blogspot.com(10).gif'/> :j
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimlqVN4GNcP-NiOHWKQkS7IgI95jnkiFdqxuz0lCV6UTgIp6BUgJCyqFqKdUP7sJLxlUk5EMHWpKCPX8Pprs6-8qdO7k7aljh9CM0HidBpJ9WyxOqqfnjX2VIthxraddQjagDxa1WpNIdf/s1600/helplogger.blogspot.com(11).gif'/> :k
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUOGAJ3S4mOEXL-yI6NqL3nSq9DOaqobLlXPbtBx3Vg9gKa0xEqRXXfoC9EGOdJJJy4B0Iv_MFl0LC6dcp1Xza8rmmiidSZ6K1ROvgjQ4d5iJNnxHadzGfAne33E6d_pC7cHgh7W7Hwn7C/s1600/helplogger.blogspot.com(12).gif'/> :l
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDntpVJHLIH6YuCjbuLFT9GwH85QuxLJsDzU-TZfHvXlpLmjcYzbyLZS_W2-5P7WnW4PKpnNks1_k2FS-Xgt1YbHKRuRA8k4THjI34g4trL8zW-mdBsfWmYpeHMEk0POJwQQG7DF54lmzJ/s1600/helplogger.blogspot.com(13).gif'/> :m
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy4lzaa2G0e4TcPqcO3xZp1DAPo2mPP1iKhRcJFCk7Th_zeCWeH-LcoLFIYdg59yJNCsRQiPNn2dOIqeYvXbCf3zsO6ioNzQb0JpDTkaiDYdA7LiSZxpcPFO7sK1c_t1kI3QGnp5PpVMrb/s1600/helplogger.blogspot.com(15).gif'/> :n
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjICakt6yZKNzmsUu74PYg3HTd11x9-zVCSgQL31cY7pvf-KPLrAqQBWuMgHMU1bzwHkcHFlIOeRMVCNSERQ6TJHKP-4NlMkZldV4RLvFZ-nrdwZfm8XTHpth8wVGk64s59ukFuHuWbw0hu/s1600/helplogger.blogspot.com(16).gif'/> :o
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid3pp-iSI8zV81j_r8nCfo98axQz3Pmqvd1DzP9Rcjtmn9U4gpNVzH6f185L-1LguFhJnDB2mn3kf3SK3XxUU1oBuOC_kAO6JMPVo5jJWvhvCtQBFF_tn5IBkDSwcFgn4nXUtbwZdewkI4/s1600/helplogger.blogspot.com(14).gif'/> :p
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYEpDnmWdzN5VQXRzkJj9swJ_iJKh-NIV_K_oVvK4M44Nf2MbhycKHB0YBRKLDL9jwjxEWWUsMEdAyq6YU9sdRcVWk1Q05hTEUp-Ju7iGGHOZq1EogaxjX-3tRJ2UhRZwp0-pUcUqGuEUc/s1600/helplogger.blogspot.com(17).gif'/> :q
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWOrpkowrzM7bO1Fp0FbGCnxmdYjNRXnOKKbP6Y-eFZz-AQISh2G_9FX3XgpOK6TDY4NwVquL19zyeru-Z_XAVer47z4FTd-sweLfcGZmzy-CAgLOATFVrA1HDBIpMv4xkNMZ_vCqhMau7/s1600/helplogger.blogspot.com(18).gif'/> :r
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoj_3DgybEtxY3tsfK-rmWrjDggOMi_wPQXsGA_uXgmEBpTppcfuh02cOrrp3PMitfkLrUN_1GmS-q5xOPp8PvlkQNLH1UlsKrnO-O9BXQl4gYWlBA1RLTG6EnaCO5Of4FBWL9aWqWEd2u/s1600/helplogger.blogspot.com(19).gif'/> :s
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEvnga5jefp7iJZoaYJC-3XW17T0qpkvZDb1ZsyzxhPlaB-73qgg-QHFR0DGtvu_TINFWq9_uQo2N9yzoRtJ_wZS64U9JIM753-Q3MbP_k560cV5B0gdqvQ-wi6DitKk-mIOwQrzE2SyMD/s1600/helplogger.blogspot.com(20).gif'/> :t   <a href='http://helplogger.blogspot.com/2012/05/add-facemoods-emoticons-to-your-blogger.html' style='color: rgb(30, 122, 183); font-size: x-small;'>Add smileys to Blogger + </a>
</div></b:if>

Step 4. Now search for this piece of code:

 </body>

Step 5. And add the following code immediately above it:

  • For previous commenting system:
 <script type='text/javascript' src="http://helplogger.googlecode.com/svn/trunk/facemood emoticons.js"/>
  • For threaded comments: 
 <script type='text/javascript' src="http://helplogger.googlecode.com/svn/trunk/facemood emoticons threaded.js"/>

Step 6. Save the Template. Now, enjoy your comments!