Membuat Translator Bendera Bergerak

Visitor blogger bukan hanya pengujung dari dalam negeri saja, mungkin orang luar negri juga ada yang buka blog/website kita. Trus gimana jika bule yang ngunjungin blog kita gak ngerti bahasa kita ???
Jalan keluarnya adalah kita pasang widget translator yang fungsinya untuk mengganti bahasa dari blog kita. oke dah cukup segini aja penjelasannya. selanjutnya kita caww...
Beberapa contoh dibawah sobat bisa pakai salah satu dari 3 scrip ini, selanjutnya tinggal ikuti langkah-langkahnya :

• Pertama masuk blogger dulu
• Pilih Menu Rancangan-->Tambah Gadget-->HTML/JavaScript
• Masukan Kode berikut dibawah ini
  
  
  <center> <a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="English"><img alt="English" src="http://a.imageshack.us/img835/6766/inggris.gif" style="cursor: pointer;" title="English" height="20" align="absbottom" border="0"></a> <br> <br> <a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="French"><img alt="French" src="http://a.imageshack.us/img697/8801/francis.gif" style="cursor: pointer;" title="French" height="20" align="absbottom" border="0"></a> <br> <br> <a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="German"><img alt="German" borde="0" src="http://a.imageshack.us/img84/7864/jerman.gif" style="cursor: pointer;" title="German" height="20" align="absbottom"></a> <br> <br> <a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Spain"><img alt="Spain" src="http://a.imageshack.us/img294/6256/spnyol.gif" style="cursor: pointer;" title="Spain" height="20" align="absbottom" border="0"></a> <br> <br> <a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Italian"><img alt="Italian" src="http://a.imageshack.us/img32/6484/italiab.gif" style="cursor: pointer;" title="Italian" height="20" align="absbottom" border="0"></a> <br> <br> <a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Dutch"><img alt="Dutch" src="http://a.imageshack.us/img64/8434/belanda.gif" style="cursor: pointer;" title="Dutch" height="20" align="absbottom" border="0"></a> <br> <br> <a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Russian"><img alt="Russian" src="http://a.imageshack.us/img715/4272/rusia.gif" style="cursor: pointer;" title="Russian" height="20" align="absbottom" border="0"></a> <br> <br> <a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Portuguese"><img alt="Portuguese" src="http://neviba.free.fr/Portugal.gif" style="cursor: pointer;" title="Portuguese" height="20" align="absbottom" border="0"></a> <br> <br> <a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Japanese"><img alt="Japanese" src="http://a.imageshack.us/img691/674/jepang.gif" style="cursor: pointer;" title="Japanese" height="20" align="absbottom" border="0"></a> <br> <br> <a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Korean"><img alt="Korean" src="http://a.imageshack.us/img683/4231/koreautara.gif" style="cursor: pointer;" title="Korean" height="20" align="absbottom" border="0"></a> <br> <br> <a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Arabic"><img alt="Arabic" src="http://img.alibaba.com/images/eng/country_profiles/saudi_arabia_flag.gif" style="cursor: pointer;" title="Arabic" height="20" align="absbottom" border="0"></a> <br> <br> <a href="" rel="nofollow" simplified"="" style="cursor: pointer;" target="_blank" title3d"chinese=""><img alt="Chinese Simplified" src="http://a.imageshack.us/img176/776/cina.gif" style="cursor: pointer;" title="Chinese Simplified" height="20" align="absbottom" border="0"></a></center> <div style="font-size: 9px; padding: 8px 0px 0px 0px;"> <br>
  
  
  
• Klik Simpan
  Hasilnya akan terlihat seperti dibawah ini :
  
  
  
• Atau bisa menggunakan script dibawah ini
  
  
  <style> <br> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } <br> </style> <div style="text-align: center;"> <br> <a class="translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=3271090636621164772#" rel="nofollow" target="_blank" title="English"><img alt="English" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9QKypVUt80IjOwkvAKuQumRGKFgOXu9fLNSLn_vdr0C3BP_hFnfDY-ne-YqZ_GqVoORD10TGfjEIkKYkRIN6NlwH5ZPeLsYms6oRUm5oHMLWKcvQymCUxJtMav8LBLHayylMtJaHhriT7/s144/uk-flag.png" style="cursor: pointer; margin-right: 8px;" title="English" height="24" align="absbottom" border="0" width="24"></a> <a class="translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=3271090636621164772#" rel="nofollow" target="_blank" title="French"><img alt="French" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxY5M2IXj4LtJklEqEP_keNTdlulVk8bMwAUpj4s8VyCKzxUsz2tBGyUjy667TQeGQDLBieQxMfjA8fO28OHwofBca2aLDF7LR5MNrskU8rvsZZrWNYZ0R-fjLUJiJHwShyphenhyphenZPcc_QdTRA_/s144/france-flag.png" style="cursor: pointer; margin-right: 8px;" title="French" height="24" align="absbottom" border="0" width="24"></a> <a class="translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=3271090636621164772#" rel="nofollow" target="_blank" title="German"><img alt="German" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0GrwD1X-X1w4xETfUWBzHe6bl_NMG7WdaT_R83jVFlzstPCenWslgZ8szG8iuSHeHKM1qLeGPaC6-TQ9Qwv5JX_uZ7bPaANPsqzCjcic4X8z6GArfsfi2HGapTrJnyUuQeJEZVF1qzdf0/s144/german-flag.png" style="cursor: pointer; margin-right: 8px;" title="German" height="24" align="absbottom" border="0" width="24"></a> <a class="translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=3271090636621164772#" rel="nofollow" target="_blank" title="Spain"><img alt="Spain" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KBz7y3ifo2XkdXqJpdrzyaLKMgNM4ln3ACG2RNZl8p0ziRwPA4WSoIFU_uCOAybZ-0gbTnQ_YXTwZzaWJu_qC239B28ilX91RYBtceeFlWkKMSX2-7hJSgFSThu94UWEzumRRmVIyrXm/s144/spain-flag.png" style="cursor: pointer; margin-right: 8px;" title="Spain" height="24" align="absbottom" border="0" width="24"></a> <a class="translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=3271090636621164772#" rel="nofollow" target="_blank" title="Italian"><img alt="Italian" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3woyQ_zPsorfauZfElZML5hjUYCVK413KLRuHqEkAXSbkpv_x274T8FM6aEDVCSE0s6UhAVC1gWAC2g0lPtOU9rnYx-q8kpqqW76bOZ32KFcO7zTU102CUWvkLnQxIhULzkEhHMhYT8-U/s144/italy-flag.png" style="cursor: pointer; margin-right: 8px;" title="Italian" height="24" align="absbottom" border="0" width="24"></a> <a class="translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=3271090636621164772#" rel="nofollow" target="_blank" title="Dutch"><img alt="Dutch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTc9eC_82RIU8WLUznoc1-p_ATInT4ltc61dCUq88R2DiOhGP8Ro99vhXO3G_3pi8OOCPS82aCn1qgMyVB54-xcPD26I7toLpBiew_6Zt6-NTD12kl7GUbskDNjxMp2hJKu7fjfMJ4rVA-/s144/dutch-flag.png" style="cursor: pointer; margin-right: 8px;" title="Dutch" height="24" align="absbottom" border="0" width="24"></a> <br> <br> <a class="translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=3271090636621164772#" rel="nofollow" target="_blank" title="Russian"><img alt="Russian" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFEJsFdPmqEaBlT9MOkw_G5lbxbaqkMnPPzMBGsmw70NWlhACn6VvRpH-eDIEiDr-adqhID42BKB1U42bOJpLjO31IJKncJXt8KbzFa_WHRGa-fAflavkU-AqjzJEKuFopvhcYMO4-mEM1/s144/russian-flag.png" style="cursor: pointer; margin-right: 8px;" title="Russian" height="24" align="absbottom" border="0" width="24"></a> <a class="translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=3271090636621164772#" rel="nofollow" target="_blank" title="Brazil"><img alt="Brazil" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSvN_5J63eiuVwqfiCXxt2KzzRC7dIwpekq0L5TNnXAwfP2_lowma8WTKu58AT2J22xfXebswfGgbIwj2iaSL7qIaBybM_kzqCuzvGbWHzyKpsbcv8T_nZLbcKKMTVG0Fts02lPcFdTJ-5/s144/brazil-flag.png" style="cursor: pointer; margin-right: 8px;" title="Brazilian" height="24" align="absbottom" border="0" width="24"></a> <a class="translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=3271090636621164772#" rel="nofollow" target="_blank" title="Japanese"><img alt="Japanese" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNbf3-wbkzOUioj7THDfe4FBMXj_RdwERC6uXEoWAZjNDg-NpplnDmy5OCUhQjoZ_jd63_wsXpL7us4sSWG-4YnWt_oodWX0YTfAwI05hQwV0CfL6r3Dekg5H_s44uMjwZ_rgsag4h8FZq/s144/japan-flag.png" style="cursor: pointer; margin-right: 8px;" title="Japanese" height="24" align="absbottom" border="0" width="24"></a> <a class="translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=3271090636621164772#" rel="nofollow" target="_blank" title="Korean"><img alt="Korean" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2LHVMm3L1iM9Pjb2ODeRyDi32uHuHJmuLzPLySImcYE05pdD_woe4TEOOBFoByZsYXvIfD6ASg5e3yeddbN-qsnHaNHNQX-mLvQa7GNddsOe4_4LthvMuHIFCm7qv-kYeYospbDGVM1q9/s144/korean-flag.png" style="cursor: pointer; margin-right: 8px;" title="Korean" height="24" align="absbottom" border="0" width="24"></a> <a class="translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=3271090636621164772#" rel="nofollow" target="_blank" title="Arabic"><img alt="Arabic" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXMvXT_QbtRld52jrUfR27FXdwT_m5juZvpNsnC6V025u7VCTOgum4krzKysO492a7SWpLqZ_peV4yQb-wHaI4BaivYVoMHAXtU2UYuFkA2gX9XwqWoQhINQopaQpVknUjpCaY8e8uGr3-/s144/arab-flag.png" style="cursor: pointer; margin-right: 8px;" title="Arabic" height="24" align="absbottom" border="0" width="24"></a> <a class="translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=3271090636621164772#" rel="nofollow" target="_blank" title="Chinese Simplified"><img alt="Chinese Simplified" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe7eXhDb82ZiLbs0zbWNCciYPAJFp5v79Ekzln7a82_sm7jTeNZR5EVDUIKxYoz_Gluc1Owq2UgGIEyvtei_scRu8imgmJnjo-ghFQZoJ4_20NwCQrwQk3kP-NhAJ1v_s95IfFMBKxiJ3I/s144/china-flag.png" style="cursor: pointer; margin-right: 8px;" title="Chinese Simplified" height="24" align="absbottom" border="0" width="24"></a> <br> <br> <br> <br> <div style="font-size: 9px; padding: 8px 0px 0px 0px;"> <br> <a href="http://bloggertutorialblog.blogspot.com/" title="Translate widget">Translate Widget</a> by Google </div> <br> </div>
  
  
  
  
• Kemudian Simpan
  Untuk hasilnya seperti dibawah ini :
  Hasilnya akan terlihat seperti di bawah ini
  
  
  
  
  
  
  
• Bisa juga menggunakan scrip translator yang lebih simple seperti contoh dibawah ini :
  

  
  
  
   
  
  
  
  <div id="google_translate_element">
  </div>
  <script> function googleTranslateElementInit() {   new google.translate.TranslateElement({     pageLanguage: 'id'   }, 'google_translate_element'); } </script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script><br />
  
  
  

• Klik Simpan
  dan hasilnya seperti ini :
  
  
  

Tweet