Google Translate Widget with Flags For Blogger

ဒါေလးကေတာ့ google ရဲ႕၀န္ေဆာင္မွုေလးတစ္ခုပါ... နိဳင္ငံအေတာ္မ်ားမ်ားရဲ႕ အလံေတာ္ေလးေတြပါ..
It supports 12 different languages: English, French, German, Spanish, Italian, Dutch, Brazilian, Russian, Japanese, Korean, Arabic And Chinese.

ထည့္နည္းေလးကေတာ့

ပထမဆုံး Blogger sing in လုပ္ပါ Blogger Dashboard >> Design >> Page Elements >>"Add A Gadget" အဲထဲကေနမွ HTML/JavaScript ကိုကလစ္လိုက္တာနဲ႕ box တစ္ခုက်လာမယ္  ေအာက္ေပးထားတဲ့ ကုဒ္ေတြကို ထည့္ျုပီး save လိုက္ပါဗ်ာ....

<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/AVvXsEjRMQZvBJo5RjNwLbF5e_UsnV7IWbKONT7y3t0DH-NEQNyLlZYWBJSR1uw-4nUx7mdVNNDRGBR-3GA0ZZAe8ZHnHt4TmMrQhQ4pv9dYAf69rQ8fxhFSW-73fg2fH8Gmwl1jmtk6nhtX2nZk/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/AVvXsEhYDNLip-V_tAQcb_Rv21gk451jPDPzKTBOMK2yvg-9F1KdzSALmmcFk2VL_hbSkzf1nNASJVe6t1Vi38W6wSNW4Azrao_4WIPgnSSM7VKmDEnR0N4PN9oqIenXAKOoPiCgSSfKissq3169/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/AVvXsEhdyCliBuEEn3L8rqIraEtY7R8X6gCigPJ736WqNGvFQkaKQZf7RszTqDWGlA0S9J8QowyPF9yfAzwy6tBmkE4yKVzEAI4A2b3tCPd0iW-YUcOl-XkQmUuoPd0P-xvE9jIk0PjM5dkEtbbd/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/AVvXsEjKkDByYpe55AqTYyn2T7ozI_5EAEndgOsI9nLua1kTK22cLEB1XWzs42B6gCj_9oEtMBe7h-wX5vTBq93boK-6xyGabjzx2Wq7s8GLRm0gKKK86etLF90dHTWmR-dhFCniepDA-oZYj2Ch/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/AVvXsEg5D5EllcrL7QJEIpvtLlNslT-uXvotHQBVmG0JdL6hFXlgUfxU1lj1rTJOJEtwO8OVuCY7RXbZr4I51Gi01hzA7eIL1Bk1mr2pnNxmhL3nHOa3Kj796m0glZSMW4lR8J5xkiNWOfORSrou/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/AVvXsEg-wgHOlsbWNIOzxI7AA99LaXcnIUb4Dm02B5ik9gtx9U3k8CTaPFXPOtoJu5ww6bMFUdf1DRYjy1FipPpkMT7XH4GSWqPXPwxCrrhhe5Y5rYOxWEanSSl-_j86dgNd4D77qBaK0EOVtAQG/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/AVvXsEg1jqnNl5Ux5ORg28AR0Z5kIlRN5OEHP6BHD8QEVXfnZUKK-iMwDgZ_m5OLpEvpR4g5llKkxXiHEHlVsATp5ZB1Zeg6_I8AlvtL9bIOLVrV6zyK3p4CTc3zbuZmCFO7326_LCuftQKxTkvD/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/AVvXsEjlgt0UrDp3_UZrEyv28G8xws3f8X-QIMSehyahmsd5HOakew98sOSbcYWy7y8MNun9qlmhEIDyLCndWS4NBJpXtaiyEK8d1DdIUqNqfhUeAxJeYTbj3-lpwgLPOEINOQ3SY4zKRAHARbtI/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/AVvXsEhfRdIHRGFUEK6wNz6C3ajSrSH7lFgbBGhlF-_Gbw4_M19bVuqRC9WtlENJpYKR05TsgpW7DlETpFDjowzVgekRaMjexPO5BwsPkf7Yf-4MAHcTolA3BveKo5ExEXgc8xsbhlb_oi9a43gp/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/AVvXsEjD4uYRWtgCb0a2as1i6i3kl0zAnVIxo0W9yGwlgqOXsSaeD5p0Sa4xoql7ACnt90Uh9stVywWQL7fRkx8CzcvrDMW3wAEIsXP80NoCmfs1qLgj7u7PvFMkqqKmHHjfWdQww_x3sojNapO4/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/AVvXsEjUzna76EaloJEyJyGFDpVGa3gSGPoq8gWWQJvlWKfp26F9SGxd2TAcHJg5mPB173UyJIFfywiBMcsu8LLvDr86t4eWGSe-O3PrUDxgclkZA2N1RuyeKHPZQ7uJLtYOJRzyEKQ60pBfSCe4/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/AVvXsEiop9AhGYKLiMOK9F9MqBW-CuIRG90f4uOa4HP65UyqMZERJucth_iMYiuu2EOON09-gSQbPjoVLoI1anEMAvCZe5OX-rL8F1jOMeR-dEXepj_Fh18j75VYtehT3VKqOmb8xMRcjtdxocM7/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>

ေအာင္ေအာင္(မကစ)
www.ledimyethar.com
www.depelyin.co.cc
www.aungkyaw.com

Posted in: Blogger Widget