كود وشرح اضافة اداة ترجمة جوجل الكود + الشرح

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

لإضافة أداة ترجمة مواضيع المدونة اتبع الخطوات البسيطة :

- قم بنسخ الكود التالي :

<style>

.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</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/AVvXsEjkzl8_0qeAV5PvjwGbDi5uDk6utC0Rm8H2wkrWbgq0BjWYU_F0OyCU5IaVSS5cSPttLaiTT8kcnJkqb-b3p3GNuDqS-gi7pECpPoH7JNZYmRVboFXswPMs_JOw3k_EwQLjY_Cg0W9wqb4/s200/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/AVvXsEiINXX1OjARr88VJbHh8QnJoR8_Luc7OibQEToMNZNcwxYFCQLVW6eybSqcdtWVVJ7qzIFFjGIf7U2fmvIx542pAACX9d8zWhuPKC7lj1Gj85z4-lkuL3duAWOuRhOgUmRepAdOljyCafw/s200/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/AVvXsEgf3jjLHWiyaOiG3N19PriUgrRsg6am0L4770L74l_QA4pPjLjXI6qReQXXYFrNMeh_AzqL-mOHhuqx4g-kHiVZWEPWRJK-iPvk_JfpGTSSRVxrxq1oc7RIYPYPTGl4M_RYMptgiNEitOo/s200/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/AVvXsEjkFdQiZS_GMzrflFpINJTVe5o8alhFHVOT5o3JL9OpdRZnw9ubelS_aP5rLE-6RwZW1cU4kX9E5YbP_v9kYatNFDMw3EOz807y0xKwytSpsPwlHn6wYJnS1r-vhLt5b12-EEy7M934aL4/s200/Spain.png" style="cursor: pointer;margin-right:8px" width="24" /></a>

<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/AVvXsEj4n9Gj5ZI6fpQtsyjxvVNCzuRZHbqeQ_uneQ3J-uK9pBLmvUSaWKZAJxWQw7IdwUY9hcD01FGFCgvV1yDgzoZArGhMJgmYBptJL2Oat0PiP_2N7PebIxA_CHIJoaYIVd45jacp4vgT6m8/s200/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/AVvXsEilhgi7WIaCFLbtOCKjR2C3vREndtBncI-xWfclmI8LX4jKNrO121rnQ8mm0vIBEcE7mMzstkkDApYqm7E58QQlvL5dFODvKO-i6zm1QhtP2YhfxF6CaDUsuYIn-FXanrBKDSLMJjOcPbI/s200/Netherlands.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/AVvXsEiaosqZfs2cjPGQxlY0SMuT5rxJhQDiQk2sFqi1w99NDIzzRD2_mI_5gl0Y6akxBZP1RJ8XMEX1RlnlYniDSJCYNN_jGly03o6XVfFLktJlJz8IXK0215sPT7jjbUd10w1ib73eOVNw_4E/s200/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24" /></a>

</div>
<div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px></div>

<br />
<a href="http://www.bloggerarticle.com/"><font size="1px">this widget by www.AllBlogTools.com</font></a>

قم بتسجيل الدخول الى مدونتك على blogger .

- من لوحة التحكم بمدونتك اختر التخطيط ثم اختر اضافة أداة ثم اضغط على HTML/JavaScript .

-ثم قم بلصق الكود السابق الذي قمت بنسخه واضغط حفظ .

-شاهد المدونة وستظهر النتيجة كما بالصورة التالية .

كما يمكنك اضافة لغة أو ازالتها بتعديل الكود html بطريقة سهلة