Google Translate ব্যবহার করে আপনার প্রিয় ব্লগকে বিভিন্ন ভাষায় রুপান্তর করে তুলুন।

বন্ধুরা আমার সালাম নিবেন। আশা নয় এই মাঝ রাতে আনাদের জন্য টিউন করতে বসে পাড়লাম। কেননা সময়ে মূল্য অনেক। তাই হাতে যখন সময় পাই, তখনি আপনাদের জন্য কিছুনা কিছু উপহার দেওয়ার চেষ্টা করি। বন্ধুরা আমরা সকলে Google Translate সম্পর্কে আগ থেকে কম বেশি জানি। কিন্তু এর ব্যবহার সম্পর্কে ততটা জানতাম না। বন্ধুরা আমরা যখন কোন ওয়েব সাইট ভিজিট করি তখন একটি বিষয় লক্ষ্য করি যে উক্ত ব্লগ সাইটটি বিভিন্ন দেখা যায়। তো আর বিস্তারিত নয় এবার মুল কাজের কথা ফিরে আমি। তো দেখুন তাহলে।

বন্ধুরা আপনারা উপরের ছবিটি দেখে কিছুটা হালেও বুঝতে পারছেন। আর যদি না বুঝতে পারেন তাহলে নিচের ডেমো দেখে নিতে পাবেন।

কিভাবে আপনার ব্লগ যুক্ত করবেন।

প্রথমে আপনার ব্লগার এর এডমিনে প্রবেশ করুন।

তারপর ড্রাপডাউন মেনু হতে লেআউট বাটনটি নির্বাচন করুন।
এবং সর্বশেষ HTML/JavaScript বাটনে ক্লিক করুন।
টাইলে ঘর ফাকা রাখুন এবং Content ঘরে নিচের কোডটুকু হুবাহু কপি করে পেষ্ঠ করুন।

<style type="text/css">
#translator-wrapper {
  display:block;
  width:90%;
  max-width:300px;  
  border:none;  
  background-color:#fff;
  color:#444;
  overflow:hidden;
  position:relative;
  height:40px;
  line-height:40px;
  border:1px solid #e0e0e0;
}
#translator-wrapper select {
  border:none;
  background:transparent;
  font-family:'Verdana',Arial,Sans-Serif;
  font-size:12px;
  width:100%;
  color:#444;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-appearance:none;
  cursor:text;
  padding:5px 10px;
}
#translator-wrapper a,
#translator-wrapper a:hover {
  display:block;
  background-color:#1B84C6;
  border:none;
  color:#fff;
  margin:0 0;
  text-decoration:none;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  cursor:pointer;
  width:14%; 
  transition:all 0.3s ease;  
}
#translator-wrapper a:before {
  content:"";
  display:block;
  width:0;
  height:0;
  border:6px solid transparent;
  border-left-color:white;
  position:absolute;
  top:50%;
  left:45%;
  margin-top:-5px;
}
#translator-wrapper a:hover {opacity:0.9;}
#translator-wrapper a:active {opacity:0.9;}
#translator-wrapper select:focus,
#translator-wrapper a:focus,
#translator-wrapper select:active,
#translator-wrapper a:active {
  border:none;
  outline:none;
  cursor:pointer;
}
option {
  background:#1B84C6;
  color:#fff;
}
</style>
<div id="translator-wrapper">
    <select id="translate-language">
        <option value="en" selected="selected">English</option>
        <option value="id">Indonesian</option>
        <option value="af">Afrikaans</option>
        <option value="sq">Albanian</option>
        <option value="ar">Arabic</option>
        <option value="hy">Armenian</option>
        <option value="az">Azerbaijani</option>
        <option value="eu">Basque</option>
        <option value="be">Belarusian</option>
        <option value="bn">Bengali</option>
        <option value="bg">Bulgarian</option>
        <option value="ca">Catalan</option>
        <option value="zh-CN">Chinese</option>
        <option value="hr">Croatian</option>
        <option value="cs">Czech</option>
        <option value="da">Danish</option>
        <option value="nl">Dutch</option>
        <option value="en">English</option>
        <option value="eo">Esperanto</option>
        <option value="et">Estonian</option>
        <option value="tl">Filipino</option>
        <option value="fi">Finnish</option>
        <option value="fr">French</option>
        <option value="gl">Galician</option>
        <option value="ka">Georgian</option>
        <option value="de">German</option>
        <option value="el">Greek</option>
        <option value="gu">Gujarati</option>
        <option value="ht">Haitian Creole</option>
        <option value="iw">Hebrew</option>
        <option value="hi">Hindi</option>
        <option value="hu">Hungarian</option>
        <option value="is">Icelandic</option>
        <option value="id">Indonesian</option>
        <option value="ga">Irish</option>
        <option value="it">Italian</option>
        <option value="ja">Japanese</option>
        <option value="kn">Kannada</option>
        <option value="ko">Korean</option>
        <option value="la">Latin</option>
        <option value="lv">Latvian</option>
        <option value="lt">Lithuanian</option>
        <option value="mk">Macedonian</option>
        <option value="ms">Malay</option>
        <option value="mt">Maltese</option>
        <option value="no">Norwegian</option>
        <option value="fa">Persian</option>
        <option value="pl">Polish</option>
        <option value="pt">Portuguese</option>
        <option value="ro">Romanian</option>
        <option value="ru">Russian</option>
        <option value="sr">Serbian</option>
        <option value="sk">Slovak</option>
        <option value="sl">Slovenian</option>
        <option value="es">Spanish</option>
        <option value="sw">Swahili</option>
        <option value="sv">Swedish</option>
        <option value="ta">Tamil</option>
        <option value="te">Telugu</option>
        <option value="th">Thai</option>
        <option value="tr">Turkish</option>
        <option value="uk">Ukrainian</option>
        <option value="ur">Urdu</option>
        <option value="vi">Vietnamese</option>
        <option value="cy">Welsh</option>
        <option value="yi">Yiddish</option>
    </select><a id="translate-me" href="#" title="Translate"></a>
</div>
<script type="text/javascript">
(function() {
    var mylang = "id", // Your website language
        anchor = document.getElementById('translate-me');
    anchor.onclick = function() {
        window.open('http://translate.google.com/translate?u=' + encodeURIComponent(location.href) + '&langpair=' + mylang + '%7C' + document.getElementById('translate-language').value + '&hl=en');
        return false;
    };
})();
</script>

ব্যস এবার আপনার কাজ শেষ করে সেভ দিয়ে বের হয়ে আসুন।

বন্ধুরা আপনারা এবার নিচ থেকে লাইভ ডেমো দেখতে পারেন। আর কোন সমস্যা হয়ে মন্তব্যের মাধ্যমে জানাতে পাবনে।

See the Pen Google Translate by MD. ANWAR HOSSAIN (@bdanwar) on CodePen.

তাহলে বন্ধুরা আজ এই পর্যন্ত আগামীতে আরো নতুন কিছু নিয়ে আপনাদের মাঝে হাজির হব তত দিন পর্যন্ত আপনারা আমাদের সাথে থাকুন। আল্লাহ হাফেজ।

MARISHA

05 June 2015