Wednesday, October 17, 2012

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/AVvXsEjUtl5AIK66XQxSuk3_x8lC4ciTR6v7SMu41vA6zXqI_SCIjRI_6ZGz4lMZdjkJWo608QxT3ZClTc884vLuu1ax1maBWH2JtxliaK1BwgeIoVL4qA5ENC3M0cptn6XvHcVJE65aV-jTa19P/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/AVvXsEhFrWbnv25MnWYW4fWUDj1N0YQq2cGI8RhCefuHrUajXrXO-UhR9s7yH64XsEFmqb43-8UAqAlcCNbhBMzGgPVMUui0-WdE5CMNmvZYZ8zRc4Ywdb63rXwpHPEToxnIymHYQXq38AabNdvI/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/AVvXsEipvkVp_TMFx0T_T_kHmH8nx3vYId7b8hebbu9CRXjrrDD2MDvvEjPLBBhtKL20RpbhwbyyvjJQRWyWw1cwLBK-Z2IJC0JCO8vl7S3pPt05UQL-_W8_AEo8aCy_6SX-dzptlzOnsxDN9vRi/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/AVvXsEi5qT071Gb_C14gfXJWm7HICkNAMJ03-0Qm5_ep9wgSo-JGZ2Nrpcx31o82-7Tr4Qglz49iQX5cNyYauzoX63HR3Dvr82UV8Uvv4oMH0KLVLzbiTt_074-MLyC8D1IhXIurfUZFsBj_1gZT/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/AVvXsEi25MZ7HMeMzQgp2GU4HLrqvYlZXCV_BhxIG0Ek4O1Ay_BRwp6MDoNCTJkGkDixB3NoLxxcMWPM4pEVg52I_ox7I1XRO6u9nyFQACDZ7VLjYkDTViYFUeoIUPoFuetLmPK0Dk8yfLue8H3j/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/AVvXsEg4Y82tBEZbKcu4mxqxOzSu0n_M1klp41ug9c3yNOVJXqo_vhhJB6NXCAfDQyXGW5GqtpIAE3Ea6u8OmXBOPpR9DgSPFrZfalC4kseeI90weFpWgtJneXYTH0FEBZew92KV6i2IWhcveQGC/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/AVvXsEgegAtyRB9X7VSzHp6aLpVnve_sUQh75ZRbN5_m8ugvQhNDzBwQPa4UCshHiJPoaqbtKCZ9oLU6k8lRQa1Hu7bhQcuV11bTrW6WaNNBE9kJ-p4gJQBXFaz0fyHvue-LmNm-e0GctIMMzpSN/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/AVvXsEgmYq-O9fFvUNHQ8B59berF0SUK_mwBI6SysEkKvcA1s0iHBGIdCR40eKcuUVCkdQIiLk9c5pfV1zxBYM_3oM9-bWR6ypf8kiRDV7jWhnl8uNIUnbpdYyNlTm1NyFMKZfiWMJVecx3cfuJN/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/AVvXsEi9-gM3KritxX-7PQyACHZ0CufsJE9Y-Tx33NaSvCzPj6hJ207hkCGBX55QMjZZWpLyT44Y-0W0up_nOwuV5o_gRycwn_4oWHagcH_Kn0c4pUaCHwibxflMoFvAXFefc8fFG65yP6MM5HOa/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/AVvXsEid6LAJIboxn_FHwrIgUjdVE-f33lLRMlXkWkZG1seUzcayi07F7zRE8PyLVwoi52u-xjKDuqejzxrSO0soEoYHX2rotem00dxsUqPLP-gLDz5vWx9F5HtvczttDlM2LY8hOvNn8uqjHUIv/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/AVvXsEipxtUchEy-l8O3gZY0t84pkkQem7w_iycTFA8miaDqVFpcUH05HWfHt7u7ER7YP92o9q80cB52VDK9Ncc-GreUGb7GN2h0RTtZOd7iwIJWDrNf2BYU-Q3AoxE-Sq0bE3-oMn10e0fNc_LI/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/AVvXsEhjmdZUkWifqm0e0zGUekQBkMk0eQZSOed7VOrOlmDZvEhE-o14jILt_rwIGmMSpNepmliKVHKdPecR17cHNx1l4eAI4kYtgQasS7VtinoBnIGmnRKj50O9cM7BoUhB0LPAwB0SnLtq45tV/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

No comments:

Post a Comment