إضافة أداة الترجمة إلى لغات مختلفة أداة مفيدة جد تترجم محتوى مدونتك إلى عدة لغات عالمية بحيث تمكن الأجنبي الذي لا يعرف اللغة العربية من إكتشاف محتوى المدونة والتفاعل معه.
وكالعادة إليكم مثال مباشر عن الإضافة : إضغط هنا
الطريقة سهلة جدا وهي كالآتي : نقوم بلصق الكود أسفله داخل أداة html
<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="#" rel="nofollow" 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/AVvXsEh4OD3ikJYVg1ZgwymR_1ZOkkZlMOzat-DBfV9qDoUlg-yVEcrERVxwGLK7hxXn0YSP-NDxOK7iCFdiOM1sqjG-lJ332iMVC0FJcSrvgUQ56YFnd71RWUsU5_cq5oMR9O7toADxiz9pKMKW/s1600/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="google_translate" href="#" rel="nofollow" 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/AVvXsEiuuEeQNEQ7dzUbYePm1hpWzNr_GMktBpcCLLjiLkm8Cd5pSdFaX82NpYIP48JXqCQ0HQs4KRptkC-ojR9y6oEyqNIMc2N7KWui09IejlmWhMN_FgxDxQRHFJyyIrShxi4QT2j9zBx-MWNQ/s1600/France.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="google_translate" href="#" rel="nofollow" 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/AVvXsEjiirJJ47kDZ2aI6RXitX6Mco7kCLlbcaKbkRxRIZ5rhNyU_1ufgZRktsVmsVAZGljIZiijNMUyngLqd8VAkiSqTLhwFPdRYFV9CTZPmgeLI5Y8vAAoXi0DLUZNPxRn1uC6gFqys4mFaI1n/s1600/Germany.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="google_translate" href="#" rel="nofollow" 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/AVvXsEgtMzC2noJJ-CNUnkTvpESMmA1llWIhuYzwOdhjMMRB5dSo1XKc7Z-sVbf8_akihcgaX8FCGaRTle-cAUsJqAGckLCkIEcJluJRffZgGQTTEbAL2jYJIpc1XErCqmtUQD6qhL7yjLha9z9C/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="#" rel="nofollow" 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/AVvXsEiCRQMfQ4SYWw44RVu16nVF5oYnjnV5i-DjrhmdUHN_eYcPy0N9KK4uQqswEUVKNYYd3WiKAQlhyphenhyphenTdi4kqsrVFYcgiBgXehJ72kbBJlznbxYCO-m_2q2qA30vrY604s1v8J0tiV2UjSmy_L/s1600/Italy.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="google_translate" href="#" rel="nofollow" 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/AVvXsEjVf_oE8qyCvgfkYNzhwMiT0P6MwkQp-OfozYlJL6cKE6lGG8Ico9m8fVyuJ04-56dQ5sgvzrQSMebpLd1tI1EBOp_DAhrVWRRYV21u2KtAKEatwlRkfs2pz1IylezuvRb35SbuGi8bP_wH/s1600/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="google_translate" href="#" rel="nofollow" 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/AVvXsEg9Z0gWJLllgA4NZKfdIc5jxBhn8vpwTV6NpSJxvWVys6e-Ip0EsEAgeL9SqnyEKYx6UgcjGQe_XhXYVSNEoJWeRvawaB8cITODc64mXJiXW3lHVs-dZQ8UnZ7bBhTmW7205U_35hiSaaBW/s1600/Russian+Federation.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="google_translate" href="#" rel="nofollow" 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/AVvXsEjTjmN02BMncGZDu8-t98yR_WVy7YpYrx76mVVnAU5EeJ669Rb5IeioiecJTLuctzKxS865-_mYeCTwiRjBKj5aOPnZ4PDUaJD32TleKAKzJ_x4-BH3P8V6qh_etbz0IkhWOoNghP-yN5Iu/s1600/Brazil.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br />
<a class="google_translate" href="#" rel="nofollow" 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/AVvXsEi2F3Emmr67Cxlj93iuskenlhjNRqfBMnAwtT9lYt3aJyBugzxLfFU1a65J2dSwlEvzntqbosMkJLmGiVz9PrsNj1shfr7a2BL5JLbWAdQQ9zbJyyRRg35NgO73WQJonskvGKNLo1Oa7zet/s1600/Japan.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="google_translate" href="#" rel="nofollow" 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/AVvXsEgORHjItR4EEHI7OkMvFCZ3tizJTyX6u_Rb004vhaRvOn9_C5bawGD5drF9p45XurhJoOjGb7chE6QgJ5qvo7kjvq5XnqOeloNW-KzDjAM8kkIAjDKVPxp-q9FElN4xnd-4w6H9Jb7CPouR/s1600/South+Korea.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="google_translate" href="#" rel="nofollow" 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/AVvXsEg89LDWTm5HD8FR31M8S8BkNu-EFnc_WnunTYVXLdS_9Om9nn0mnfUeIDyXBQ7T7hZmWqeCsV4LuogHG64Z0UTzffW_l3_8noAUFFF2mTn589n_K5i0HJM6kMost106DF419Y6gyUVULnTm/s1600/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="google_translate" href="#" rel="nofollow" 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/AVvXsEhm6yVjiDNes4UolZYWImOAVcwRHXlt34UkbZ00ypPrw9DRUnXz4oLhliKFeonH39xQ76nmqkJN_awqdIzXAF2Uw-9dZbbcnev78RMDKSJxHH8M7HPt1JWhxKe_-8bv3KSLPeorjo2yIF4s/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 / </a><a href="http://helplogger.blogspot.com"><font size="1px">Get this widget</font></a></p>
</div>
</div>
والآن هنيئا لك فقد أصبح موقعك يدعم عدة لغات ولو بشكل جزئي.
بقلم رشيد إدعلي
مؤسس مدونة موسوعة بلوجر ،شاب مغربي طموح محب للتدوين و التقنية بشكل عام يسعى إلى الإرتقاء بالمحتوى العربي، طرق التواصل معي إما من خلال موقع التواصل الإجتماعي فيسبوك أو من خلال البريد الإلكتروني : rachidox2@gmail.com
هل حقا إستمتعت بهذه التدوينة ؟
إذن أدخل بريدك الإلكتروني لتتوصل بجديد المواضيع
0 comments:
إرسال تعليق