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