sh

الاثنين، 1 يوليو 2013

اضافة أداة ترجمة جوجل الى مدونتك 2103


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


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

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

----------------------------------------------------------------------
<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/AVvXsEhIjkpOc_zB1TLYzhQwiyPvjGy5_CLme0RUKUwR-k6HAEzxJ6mgvQylltKr5XSSn54381iyBu97XeiEGi7cfsyIUmrxhxgEe4vLM-qeJ3A1eKAdi37cW61CCfW_ObHwmoDJLUNTlyETKgg/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/AVvXsEizNuy8VKqXngadq3nP2ydq3zh1ByjErOfOMVdXHvn0lVxydVx_ud4qRzWv6ad34eqlaFKKDQTTu26y5nSrS5e3ZPuDUNk1WpfoOeXFOz7uL9ZF_JNPdfsblltE1BvVM4kTgE1YDoicbQE/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/AVvXsEhGaO2b8goPQVfISvV7SfaG5Z_VIgdGk1xr_ELg_3qZt2g5sronc876dIki_A_gD_y-NjYlN3JM6uZkmv-fKDhUOSb-0L7C5-jLTTQpg7P5i7RKg5WR9fxDGx4LwhG3fKXvurZF7HwUoHk/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/AVvXsEjpah6y6fTH4OG3BL8FvuZAQLCddOY2XSShpMevJ8m6SuvprkK_dtZZa_-p-Z83Kw9gsUV_uBBeJdIHYw_hvhij9y4lmcqkQIH8eHSWSu_U5yXBnJ3qFFLUTNPFcrV6qWfEtNVvl00pTzg/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/AVvXsEiWSRLZHrBoqAkndDeaHvLrZl2VMZpAIf153-j-tb5Jwx9LF6SaroriT8yzdHreZ5brKCWVbqDerG7glmGaXEG-9LEXIG2WBzuorhDw2xygc14yMmDTrdVPHSSZW85IuPl_sLsDtJz1bJY/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/AVvXsEhGKquDA7W4tnYOOLJnol1CuC1T7pMIt-fXXwvmYY4I-PCN_Zpgo_KnqOjm85_nyz9AyY7YgCjN1DHtFq9nGuSlbGjA_mVhFNartoXRePD_60Wev3oEx0k_ycp28mkQD9IE60w2Z-pvw5U/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/AVvXsEjKXfq4AU3GTW1ZEIVREroRbNscLB0xg4q7_jDfrFHb2SUPmAF7DL-pjbodmS93uX0zrDfzTM2BFur3-d823RgoqF0PBXr7WJDcdEzs0JodqTHCSlkyq3oAo0Ohxbw8nwGZXNZ2_BoJjQM/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>

--------------------------------------------------------------------

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

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

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


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



0 التعليقات: