Tutorial menambahkan Google Translate di Blogger

<style>

 .google_translate img {
        filter:alpha(opacity=100);
        -moz-opacity: 1.0;
        opacity: 1.0;
        border:0;
        }
        .google_translate:hover img {
        filter:alpha(opacity=30);
        -moz-opacity: 0.30;
        opacity: 0.30;
        border:0;
        }
        .google_translatextra:hover img {
        filter:alpha(opacity=0.30);
        -moz-opacity: 0.30;
        opacity: 0.30;
        border:0;
        }
  </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/AVvXsEjxrmX6kPDIRrH2cdxEKG9C-sZ0wePhqZaXJOP4mTwrGsNun22MQ5FIiJkYXbopiO2ry62ZkVfoWV-UEwPHitBT-GZvbcEaKLcaujque0oiWbvAkFrXHWQFbE1iFbQ_2F_8hUUQyJB6Uw/s200/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/AVvXsEjYnB_B7qdf22Uhis7Xy1dgNGWP_WRY1ex97ZVBxiuX0STnoaMjs62bki0EWeSRgCy8kSj1O80JifBygD4Om3320y2yqQpmFKY7-EXj5C91ovqyiuLryhw6r9T5J3p1pTEEcu9GE9fT1A/s200/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/AVvXsEjMam6MZX5hSunSdFYVP6ORPh37_Oqd1lpVSAVBayz2cVwLvqw_LclC3uyOWudl39eM3PEFOKszsTV8zZynnKMb9FFHX-1SHTeWhzuvmZaDNG8DERvactbpp3XGBEV2merFUfoWokweEg/s200/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/AVvXsEj8bQGrHyCUOUCwQHA-q_eTi_-5PbCU4-EBCsMT6yNAG_H-wQZrinWjFoZvxbf0kxxAXaw3GIHK4kE-xrMiMzsW5WLal6jGykglfKEUoOiw6e3gaR_hnMAnXhFh3xBbVKa9tvAMX417XA/s200/Spain.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <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/AVvXsEiILsrDHCmsEhzfYD6i69W-GVL4T9wYFVKPWWngsde4jBIPTQ-A7lkinV8YBpOW9E6nHmhdP_Qyx3OknT4MT2qB2bl12H2KHZVYzc40Wgsz1XEnT_MHuGAIAXEiEDfZbzIjdy84M5X6Lg/s200/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/AVvXsEgku5yrL0mUUgumxzWfYOaq8w7vfcN6mf5o3ZyHnh6HCYz5kG5etMBTswCxIB_6crmo18DqNgkw-BuCQXlKJOePp7LBxS_fuL9YDFzmKgX6rsKaT7Evi2aY4eWcdl9cfoOPXu6QJ6AR_A/s200/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/AVvXsEjBhUEiuFfxYBKZhr0agEwuP5dy1pfYrfhJBhu9WFPhUR_rpPi-q_gsD25_993G-fUKugU_1IjQ3_pC9gWD5lfRlzSiu055u-EYyALFK67eW9mtS-JirdWDH8qf9Uceb56UHkD6i69kPQ/s200/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/AVvXsEiRtYhyphenhyphenz4zfkpT31pDbYwRGgSQyIz_-QqjCurOjADPAwsfHKoPVI8mDe9rBwash2I_mz-ATto59Vfif2t7UzOSnwwZ2FP4SuMmuO3iUs6-Opz5WNR1JPefKK4z7_wR_Y0onxdQfgz2-OA/s200/Brazil.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <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/AVvXsEhI7B0aaUiQmS2leTzq4F8nXyD4ymDEagQMdKXEEyMIwKf8oW8-70CSqn4y_mBupc9-mSZ377iLwbNEVRRc7WQZsTHCcwXR83Af0h0-8I_lQ7pJaF4iUEMHiRKZP8p1875lsUgn0iUPaw/s200/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/AVvXsEiU3Sk68S2OmAYWqDEIP0LPl8cw5YbLJZ909m-8bZ3aSLfjT95wmp_C35YXfRlSZ5-zi_O_NObaXTiiTxWo3dhEMZbJq_lGX4aRLgAFeCn5Llafy3tJtoG66Fh0i6ZsRg0V6wYlFMecqg/s200/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/AVvXsEh3r2LiclfB8vkqUt_ZAbl1NBjg8quTSPOjudAKyFRIJEdl1azHz_aoIVJWlBPSAct6dn1v74th_PfRvWwpVik5B_G_287b30OionIh9lFRiqdQgsPG3juU07OnfNhI5kzomWwa946rxA/s200/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/AVvXsEgIxow_-14bwMHjsfS2XOu2jbP5W2bitWmWWV2S7uPaKBx2o09yfS_jwEoy1U9j6ei42P2iEHbChB4MYxV9wlUwSf_F9-yYgBxqbHwRbiKVonDJ1ACrAwI49nlCkCNp_tnJC1n4y4kdig/s200/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a>      </div> 
  <div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px></div>

 <br/>
        <a href="http://www.bloggerarticle.com/"><font size="1px">this widget by www.AllBlogTools.com</font></a>