গুগল ট্রান্সলেট বর্তমান সময়ে খুব জনপ্রিয় এবং এরা দিনের পর দিন উন্নতি করেই চলেছে সঙ্গে বাংলা ভাষার টাও এখুন ভালই পাওয়া যাই এবং অনেক টাই সঠিক মানে পাওয়া যাই । কিন্তু একদম সঠিক পাওয়া না গেলেও অনেকটা বোঝা যাই বিষয়টা কি সে যাই হোক আজকে আমি সেই গুগল ট্রান্সলেট ওয়েডগেট নিয়ে এলাম আপনার ব্লগার ব্লগের জন্য । অনেকে ভাবতে পারেন এটা ব্যবহার করে কি লাভ তবে আমি বলি এটা ব্যবহার করাই অনেক লাভ আছে আমি নিজেই পরীক্ষা করেছি আমার অনেক পোস্ট গুগল ট্রান্সলেটে ট্রান্সলেট করে পড়া হয় ব্লগার ট্রাফিক থেকে এটা আপনিও হয়ত বুঝতে পারবেন যদি ঠিক মত লক্ষ রাখেন । এর আগেও গুগল ট্রান্সলেট নিয়ে পোস্ট করেছি কিন্তু আজকের টা একদম ভিন্ন স্টাইল আশাকরি আপনাদের ভাল লাগবে ।


নতুন গুগল ট্রান্সলেট ব্যবহার করে আপনার ব্লগার ব্লগ কে বিভিন্ন ভাষার ব্লগে করে তুলন !



উপরের ফটো দেখুন স্টাইল ঠিক ঐ রকম এবং এটাতে বাংলা ভাষাও যুক্ত করা আছে ডেমো দেখতে চাইছেন চিন্তা নেই নিচে ডেমো দেওয়া আছে দেখতে পাবেন । তাহলে চলুন এটা ব্লগে যুক্ত করার প্রক্রিয়া টা দেখে নেওয়া যাক । 


কিভাবে গুগল ট্রান্সলেট ব্লগার ব্লগে যুক্ত করবেন !  


প্রথমে আপনার ব্লগার অ্যাকাউন্ট লগইন করুন এবং ড্যাশবোর্ড এ ক্লিক করুন এবং Layout থেকে Add a Gadget এ ক্লিক করুন তার পর নতুন একটি পেজ আসবে সেখান থেকে HTML/Javascript এ ক্লিক করুন এবং নিচের কোড গুল কপি করে পেস্ট করুন Save করে বেরিয়ে আসুন । 


<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>

বাস কাজ শেষ এবার আপনার ব্লগ ভিজিট করে দেখুন এটা আপনি ঠিক যেখানে যুক্ত করেছেন সেই খানেই দেখা যাছে ঠিক নিচের স্টাইল এর মত নিচের ডেমো দেখুন তাহলে বুঝতে সুবিদা হবে ।


Live Demo 

See the Pen pJPzYz by MD Aslam parvez (@okpt123) on CodePen.



তাহলে আজকের মত এই ওয়েডগেট টি সংগ্রহ করা হয়েছে যাই হোক ওয়েডগেট ভাল লাগলে বন্ধুদের সঙ্গে শেয়ার করুন এবং কোন রকম সমস্যা হলে নিচে কমেন্ট করুন ভাল লাগলেও কমেন্ট করে যানাতে পারেন । ভাল থাকবেন সুস্থ থাকবেন । আসসালামু আলাইকুম । 


শেয়ার করুন :→

একটি মন্তব্য পোস্ট করুন Blogger

  1. শুধু বাংলা করার অপশন থাকবে , কিভাবে করবো ?

    উত্তরমুছুন
  2. খুব সহজ আপনি <option value="yi">Yiddish</option> অপশন গুল মুছে দিন সুদু মাত্র বাংলা অপশন বাদে । ধন্যবাদ ।

    উত্তরমুছুন

আপনার একটি মন্তব্য একজন লেখক কে ভালো কিছু লিখার অনুপেরনা যোগাই তাই প্রতিটি পোস্ট পড়ার পর নিজের মতামত জানাতে ভুলবেন না । তবে বন্ধুরা এমন কোন মন্তব্য পোস্ট করবেন না যার ফলে লেখকের মনে আঘাত করে ! কারণ একটা ভাল মন্তব্য আমাদের আরও ভাল কিছু লিখার অনুপেরনা যাগাই !!

 
Top
Blogger Widgets