اضافة ترجمة 12 لغة اجنبية مختلفة لمدونتك

السلام عليكم احبابي متابعي مدونة المطورين فى درس جديد على قسم بلوجر , حيث فى هذه الحلقة ساقدم لكم اضافة رائعة يمكنك اضافتها الى موقعك او مدونتك و هي اداة الترجمة الى عدة لغات لمواضيع على حسب لغة التى يفهمها الزائر , فبعض المدونين يقدمون محتوى يجدب الزوار الاجانب الغير عرب وطبعا ستبقى مشكلة فهم مواضيعك بالنسبة لهم شئ غير مريح

لذلك الاضافة المقدمة لكم سيتمكنك من اعطاء الزائر حق ترجمة صفحتك الى 12 لغة مختلفة منها : الانجليزية English - الفرنسية French - الالمانية German - الاسبانية Spanish - الايطالية Italian - الهولندية Dutch - البرتغالية Portuguese - الروسية Russian - اليابانية Japanese - الكورية Korean - العربية Arabic - الصينية Chinese , و تظهر لهم بالاعلام الخاصة ببلدان اللغة الاصلية
لمعاينة الإضافة إضغط هنا

طريقة اضافة كود اداة ترجمة جوجل بالاعلام البلدان الى مدونة بلوجر

نسخ الكود
الدهاب إلى التخطيط
نقوم بإضافة أداة
نحتار HTML/javascript
ننسخ الكود و نضغط حفظ

الكود

<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/AVvXsEhcvtgjcOJx6t5oYDLDkUqzSsybhPg77SXQztUEdwc6G4lv6OFODImRURkbmOgC1jjPszBLxiZye7EHukHaPHH2TPizzUCZRjNhmiSIK_cy7AfssfeokWIytktXxZ0DfqTZ9MRtZneRNQPX/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/AVvXsEjbspWpJaxulToeb-bglQKFtOh_ggK85zu1Cu8HlR5axb9Q3zHauSsxVr_2zEnLxft-Al_NLZMak3XlP4LxjjeS-NrDQgm5wWffeCGFd_7uAXuWTAc-uB1Hyk2UG9bCExl-Xps2XiN6clKk/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/AVvXsEjCxJJCDNv-3oK4NuRzp0MS2zxhj99O5D1Jc1I1kklrh1j2NR68QLNvRaBiUJUKKFMIaOlF4YUYYsRodVZkjThuOY2eT2JlZqgK81ngPEhyphenhypheno1_qOHZfkhSj8dNykWOIHn5nxzA0c8BuPkyg/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/AVvXsEh9qDPr21qJ8qDkGYOQO2rP_tFlUYuaPRJzaYWGzSIgytXQVSL0BLx6pjclXs48Ccx6Auqg3CDMKEnqBnYZ1Wb-flsSJ2nBIk5rV3wUGQfd3K8CpIE_IWz9AJ6PpXI2aWVnaS_1XjUI9nWG/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/AVvXsEiExt_bo1dEkRgMlNNstPIXLuxJOsfGzyrzZSLi_NhXwe3sRlSHgrNdnj10Xn-EQWj0OL6IQOU6q5gLmoL5LW-S3MfVlrlEVmKr2W32uz80_vnkJg1PTWr1wiIBcbJPZ9AKBPzGBI-SEVCN/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/AVvXsEgDOHzkeOs7_3ev7ZJvCJld_Q9I03FDoSljFZtk2FEz7sfARWtoTcWi4xjCu-N_B6_jQUCmgdl9muGToBmBOkIfqWwLjGTFc10BlFcNYmHidTd9DwI11vsrDaAYKaGjHIzjEWF0WUEfKIbz/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/AVvXsEhLgC1a2-190ESprtfKSe08NH0IH2pY8UwnoExFVhUoId9l1uvOKIpO0e_wr9hcdlaFCFclTQsn4uTFgoM_zn94hrtgl_LxNUp7I6TT6UlhdeojqKh3kUBatsSgHvGALxuiH90kDH6VqSjA/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/AVvXsEj4PvSNAj9IyzhSjRE0VanhqheJLvS-sUw7a_cqO4HpOJfc6DwlOUxz1YgGT4oAZOa_Cmmn4Uy3vUzIbLGJ6dm8ZyGalZw0Tx_84piI6a8VX59XZkc77dAZ_tHz5jEVJfbiuOWXBWzYe1fM/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/AVvXsEjuksWDiqFpSz2N5MiB4yL5OZqxDc8YxhGCrZgNT5RHEGSKg01Jmt7P1pV7voSPTHV3MxF38iG3YLWkt8Nst6AD7LKGxLuejb1rZ___PZVhKMsVWyPpcC0ERzleBM3GkZuT6kaSnZpuriTm/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/AVvXsEhHyusPWaM3l15yT9pexpxEVmGEUIlPYuiuBiu0qONpn_lIpDlaz4RZnYzhOhi1-MhxcxCrIdxuiBTyILNqKgZT_wDcVqFrs23TJiqUS3IxMgXI5FbfQfx2S1QvL5BEMD7KypZYMqnpKf5C/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/AVvXsEh-ZyXuzx4hPHHafeHXR3eEYTyHBpe8UFJLLQHStOpMTBwCV2rZ-EYGxeqOa1hHoQ31-MvomC9jcw-NXeMHoNFVCuU08IS6dkENeP2AMuUaSSxSMotdSJ42KRx0H3LlDWa-zLmCFH3nvMTp/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/AVvXsEi-ZUomgZn1a_tFV8DfmZzc-s9WLZi8WgB7Psq7TbTQOUBouf56vZ8hp1WW_Ruqot00v4GruDm1ageRI_3Fa1f5hRcYmj5I63usr545OWGU50oKFe5PLrQoWvI98UDmD1sLSJ1nZ6Ozr6FU/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</p>
</div>
</div>