Google Translator Widget For Your Blogger Blog

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

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!