زر ترجم المحتوى كلانا نعرفه جيدا وهو في أغلب المدونات
ولكني أحضرته اليوم بشكل جديد جدا وبشكل رائع
ولإضافة هذا الزر الى مدونتك فضلا اتبع الآتي
أولا إذهب الى لوحة التحكم ثم الى التخطيط ثم إضافة زر
HTMLبعد ذلك إذا أردت إضافة الزر على هذا الشكل
ضع الكود التالي
<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=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZDAkPcgk_awyTCQI6ggDI9r0AzGk64-IKeddE1alh73TE6esTNLGvOunrG50iz70r7yMVhta9CgQpSS6JFbG_hkwokz3kxyb-wO8H2DY7WAvP9PN2uEXAQXiOSzst_LONQXrbMAPwkvc/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWGic67Ybx6RyIgWv1qgTOek1aSD6RUKkbjuIZJMaqnxlbUXxu6B2nCMA2RaLDqRELtqP0ysF4tgDAw5mWBShEKY5dJ3KGBrOYNhIzYS9Ls5nY6cpOUhq_mYBQh2QKVNyt82L-CYpFuvs/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpwRNnpQzZAiuQfwvCnyUGq3vO3b-Eed_JCIT8jWJsRwPC1fD0tlOhzA_WIc7pAZ2R-e13zRlWtARaItMqxaGPC1hkZ-PYp26HXFHphpwVs_qaCTFVp7uzP0PI8QPgCweUV9EVf7OnkNoP/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP6kSnHZT_9_XJGlto40H8Y54u42xk2pNMsxI7Tym9fURakLqLKUWdA9NLMbcf53__PdPGitoOwWnw3KPG3k53AEdJJb4Rt2UTTWULKmVmvNhEQidzStokd1w9lKGekymjkxdLYvLQ1Yvx/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhclDwLviTnLDwg3XnIhGHxOE-_vUex0VyeNsubAVLNvZotoOovGKNDfs10dMAR0d341sqSwez-DNNMag0RDdAPvWH-jKschq813u8EHhZ9-y6riR_7xlEPwSV8sPFiwL5jxH7iEyADLfk/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglyUVcjT8yps2udcI7F9RIpXhx0n-gab5Z6Tf1Jz4M8oPuASa1j0IpVGFlow-ISYiWWdDAqnTS03wkkjA1uG8h9HayU4i-Va9o1Pg_TijEc6ELBqGpJuqR6YOVC4jUA7mvIYBqPllw08c/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
<br/><br/>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjppjcQEU8rLj6lrdq_N3HnfOTpv1zBjrEuh12CW3joo0rqfVVc4y40e13WUCyeh8lX-BDFTzd_4tC4isUjiTm-Sv5txarb-8PxZ3PT55YVel2Oe5a4duK2H88JEfwS3bIiRQzcET4t17A/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBQVxCIVSpx6Nvmr6euXeKWkZA22fd7dRIcdkPQVcKoeQAJZFtd1Y01gq2ziInOlnmOoHQDZhEbbq9JBzcJ7APh3GESDNVESODRJ7Ng_dHeph9Baz6KclkprcHxMDE8izvTUpM9v0XEm0/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFo9p9tNj0o5kKKWqSLJjZiGFrZL19TAzPId_DmAgQKa7IZ40R4ItgzqKDZhgmkqPXaZNUEdxwP6m1wfWLgfdARzQo9XFwv-C5VIC7B94UryWYGmvdl6jcJ9GiFoFqVPolESz3BtuxZuwe/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGLszxoonHEDdmuunXDuWlVIHSoCGaOe8pZsZOnk0ribPDzAbF0mnKxutmtxKJqAeLuPUzLVab0Xcn0rPusP09003HiJiPK8LR9hmQz5E2zY5jXr6RTNWrpGJIZPjoRGjNPOUWu9-skzg/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3nliZtBCVVlD6hT_IHBV8t18C-0e-8YK2TtAZrW7rMffeJcqgpTVra2GNwnsROq_IFnOoqDMnaWQRnoXckKhOI4KBsYEMXA1v0-ourKTsDCW3MOgr-ke8fj9byJMKUgpmJc_T-B0PeBU/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj74GcZrrK2c-Dv9sM645HBS7wNRVj5yLJAuQcgmcFECcJWkVJZLM2OMGuMTl9EoskQNhh1bCGuhB3btkdrlV9blISiC5lap_wVQ_2Bo4x3VSr2-2hMtHi8X56iD7fz736MXAMlN7DdvA/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
</div><div style="font-size:10px;margin:10px 0px 3px 0px">
</div>
وإذا أردت إضافته على هذا الشكل قم بإضافة الكود التالي
<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=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZDAkPcgk_awyTCQI6ggDI9r0AzGk64-IKeddE1alh73TE6esTNLGvOunrG50iz70r7yMVhta9CgQpSS6JFbG_hkwokz3kxyb-wO8H2DY7WAvP9PN2uEXAQXiOSzst_LONQXrbMAPwkvc/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWGic67Ybx6RyIgWv1qgTOek1aSD6RUKkbjuIZJMaqnxlbUXxu6B2nCMA2RaLDqRELtqP0ysF4tgDAw5mWBShEKY5dJ3KGBrOYNhIzYS9Ls5nY6cpOUhq_mYBQh2QKVNyt82L-CYpFuvs/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpwRNnpQzZAiuQfwvCnyUGq3vO3b-Eed_JCIT8jWJsRwPC1fD0tlOhzA_WIc7pAZ2R-e13zRlWtARaItMqxaGPC1hkZ-PYp26HXFHphpwVs_qaCTFVp7uzP0PI8QPgCweUV9EVf7OnkNoP/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP6kSnHZT_9_XJGlto40H8Y54u42xk2pNMsxI7Tym9fURakLqLKUWdA9NLMbcf53__PdPGitoOwWnw3KPG3k53AEdJJb4Rt2UTTWULKmVmvNhEQidzStokd1w9lKGekymjkxdLYvLQ1Yvx/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhclDwLviTnLDwg3XnIhGHxOE-_vUex0VyeNsubAVLNvZotoOovGKNDfs10dMAR0d341sqSwez-DNNMag0RDdAPvWH-jKschq813u8EHhZ9-y6riR_7xlEPwSV8sPFiwL5jxH7iEyADLfk/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglyUVcjT8yps2udcI7F9RIpXhx0n-gab5Z6Tf1Jz4M8oPuASa1j0IpVGFlow-ISYiWWdDAqnTS03wkkjA1uG8h9HayU4i-Va9o1Pg_TijEc6ELBqGpJuqR6YOVC4jUA7mvIYBqPllw08c/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjppjcQEU8rLj6lrdq_N3HnfOTpv1zBjrEuh12CW3joo0rqfVVc4y40e13WUCyeh8lX-BDFTzd_4tC4isUjiTm-Sv5txarb-8PxZ3PT55YVel2Oe5a4duK2H88JEfwS3bIiRQzcET4t17A/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBQVxCIVSpx6Nvmr6euXeKWkZA22fd7dRIcdkPQVcKoeQAJZFtd1Y01gq2ziInOlnmOoHQDZhEbbq9JBzcJ7APh3GESDNVESODRJ7Ng_dHeph9Baz6KclkprcHxMDE8izvTUpM9v0XEm0/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFo9p9tNj0o5kKKWqSLJjZiGFrZL19TAzPId_DmAgQKa7IZ40R4ItgzqKDZhgmkqPXaZNUEdxwP6m1wfWLgfdARzQo9XFwv-C5VIC7B94UryWYGmvdl6jcJ9GiFoFqVPolESz3BtuxZuwe/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGLszxoonHEDdmuunXDuWlVIHSoCGaOe8pZsZOnk0ribPDzAbF0mnKxutmtxKJqAeLuPUzLVab0Xcn0rPusP09003HiJiPK8LR9hmQz5E2zY5jXr6RTNWrpGJIZPjoRGjNPOUWu9-skzg/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3nliZtBCVVlD6hT_IHBV8t18C-0e-8YK2TtAZrW7rMffeJcqgpTVra2GNwnsROq_IFnOoqDMnaWQRnoXckKhOI4KBsYEMXA1v0-ourKTsDCW3MOgr-ke8fj9byJMKUgpmJc_T-B0PeBU/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj74GcZrrK2c-Dv9sM645HBS7wNRVj5yLJAuQcgmcFECcJWkVJZLM2OMGuMTl9EoskQNhh1bCGuhB3btkdrlV9blISiC5lap_wVQ_2Bo4x3VSr2-2hMtHi8X56iD7fz736MXAMlN7DdvA/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
</div><div style="font-size:10px;margin:10px 0px 3px 0px">
</div>
تم بحمد الله


ليست هناك تعليقات:
إرسال تعليق