লেখক: গুগল ট্রান্সলেট বর্তমান সময়ে খুব জনপ্রিয় এবং এরা দিনের পর দিন উন্নতি করেই চলেছে সঙ্গে বাংলা ভাষার টাও এখুন ভালই পাওয়া যাই এবং অনেক টাই সঠিক মানে পাওয়া যাই । কিন্তু একদম সঠিক পাওয়া না গেলেও অনেকটা বোঝা যাই বিষয়টা কি সে যাই হোক আজকে আমি সেই গুগল ট্রান্সলেট ওয়েডগেট নিয়ে এলাম আপনার ব্লগার ব্লগের জন্য । অনেকে ভাবতে পারেন এটা ব্যবহার করে কি লাভ তবে আমি বলি এটা ব্যবহার করাই অনেক লাভ আছে আমি নিজেই পরীক্ষা করেছি আমার অনেক পোস্ট গুগল ট্রান্সলেটে ট্রান্সলেট করে পড়া হয় ব্লগার ট্রাফিক থেকে এটা আপনিও হয়ত বুঝতে পারবেন যদি ঠিক মত লক্ষ রাখেন । এর আগেও গুগল ট্রান্সলেট নিয়ে পোস্ট করেছি কিন্তু আজকের টা একদম ভিন্ন স্টাইল আশাকরি আপনাদের ভাল লাগবে ।
উপরের ফটো দেখুন স্টাইল ঠিক ঐ রকম এবং এটাতে বাংলা ভাষাও যুক্ত করা আছে ডেমো দেখতে চাইছেন চিন্তা নেই নিচে ডেমো দেওয়া আছে দেখতে পাবেন । তাহলে চলুন এটা ব্লগে যুক্ত করার প্রক্রিয়া টা দেখে নেওয়া যাক ।
কিভাবে গুগল ট্রান্সলেট ব্লগার ব্লগে যুক্ত করবেন !
প্রথমে আপনার ব্লগার অ্যাকাউন্ট লগইন করুন এবং ড্যাশবোর্ড এ ক্লিক করুন এবং 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
তাহলে আজকের মত এই ওয়েডগেট টি সংগ্রহ করা হয়েছে যাই হোক ওয়েডগেট ভাল লাগলে বন্ধুদের সঙ্গে শেয়ার করুন এবং কোন রকম সমস্যা হলে নিচে কমেন্ট করুন ভাল লাগলেও কমেন্ট করে যানাতে পারেন । ভাল থাকবেন সুস্থ থাকবেন । আসসালামু আলাইকুম ।
