زر ترجم المحتوى كلانا نعرفه جيدا وهو في أغلب المدونات
ولكني أحضرته اليوم بشكل جديد جدا وبشكل رائع
ولإضافة هذا الزر الى مدونتك فضلا اتبع الآتي
أولا إذهب الى لوحة التحكم ثم الى التخطيط ثم إضافة زر
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/AVvXsEiwa6F1_F1UNTIV_-RIast3focvK3OMO3NpRE4t78yfC33VGsIPwpMGEs8epsghLIJK0LRTYBcaY9H7w0-VMLzzr4yHgMScftYFTf6QFtKfwZw1lfgCdYDRToJTx8VsUADzXQ5JKPn9IOo/?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/AVvXsEjYXHqsv3FJQqt5h_qXyQ5XxoTEVlFKXuNQXxWtJjXpm5twP4QEnyOshsCTPUKVqgk6gKGbZwU8g134lKhCE4STORIE2fD2v2eQSDQ8K53mNwcLyFAe3BJmD29z_C_mEMEqON7Htfy-arQ/?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/AVvXsEjr5eSM7lVV1VeBn7-0AdRwZ9Qmc8jK95F-KXHqQmGkFx_wJL-JEsuYjfP5fKNvidfxgu24RuLYLWnO3A056H3aHgGzp6I-iPQY63iAmC9YE4VNkvEDkp0DY23XlcppENoAD_I2olvh5RDm/?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/AVvXsEiJM0RvP5CMIDvMGhaGSDjoKAn8ty_-9gjE8z6p7vhqYor13iMsJ3XWmxPa04mz2uYr4ibtNz-PXPm8vBveQbd2fbKaMv-JC1nC31cD2WpZB1zzqRESnjuXSVTHcJKDCAkNlglk9VzqAZHN/?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/AVvXsEjz387sgfTL05MCec95U3xukRMVRki0GePShAm9KCUQdK2TF7E3pT4GV_7dPOryWxixZ6M4rcGqJA9jFzl3aXrct7fN8S0RkIHnwXFmRM5i-FKC2zvb4b6XezOnwVdJSLtMhjNVE-KOomU/?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/AVvXsEjXPJdD3axPUZtHVSukZbyhsxP-lGWSWCf-DJz2rXt3ZGSj4U1SZyQVUG3iacBAbKFdLhUBwi_rRQ2BpytRe8uhcm3tVOoIYgE6dwVRjDs1Wp4taHQ0akNYo0ejF1EePSDfJdmMr2Vfwjc/?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/AVvXsEj2PrGymOv2p2pahxm2gzBknQMLlM-p7N8fXYVaqpuPGzzHGe9VNJrPXRfr4sMwyNQg0bxedOmJFThOmOZJ8iAG9waOca9PH-O297n8LQUuWow2oADVCj1sqFKtHIdy5wYzzDbp_-H0MYw/?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/AVvXsEjIXY2p3xupTkIkf_cbUeo26p0d_JxQKz60nzWfDXz_R8UQKCmDj-vdffPR566cRT0i5zAv44RvMXrlgkgwaP-z51EAlm32WvJ5rYF_QpTxX4qD25faHzt5QROlOvWwFJpGgePCjnJFVw8/?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/AVvXsEimsFZVwNNjhBLteKUXEZmfHNBpgcWR8-eAonaTBy5XdpG8BV0biFCfNBsbUNWLim9wjC6J754mbQtHfiXRBEMmaxuKrJ-o6WiFMYGZKnfB3wyaVRdyjHh2_GWmx9Ww3gm_lTEMxGDhqWAk/?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/AVvXsEiwNDWJgZzOOedrlgr9ESBd0L7vGiF06hOeQVUb53cSOZM3sMA8AWrZS3MVB-PLWhTmh-roxlxEi-OKU3dAEFoqtEVSDx4fMXxSPGjaSHbDVXQJXAK4pqSQrfTW08iovq3Yt9VO_l8Mk-o/?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/AVvXsEh2h9j1u0wJUwMoCM7I5fe-SL8RDWBO08c1rZ_-6h9EFIfmuan5JQSfzvyJ-6V15R2_Ya7OopIY4TP_ZuEKjVbfmu99Aaj1WQvGB9KfUpLzYLNzH8Afk1ri1rBanuMQw8JmSPX6Hs0BYYE/?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/AVvXsEjQBwX5XDwDmHJGlu6LlUkcjDXfDvAI3zUW4i15vHOxd00DYNdFjfCr3KSCLZ0JLfPvzLNQx3ueG22yheJyUMTY2AVA0JSHdbaAF4f4OYBVuKKIr6AxWn2AUSb6RHs7Qlq_T7b3fbRcmFc/?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/AVvXsEiwa6F1_F1UNTIV_-RIast3focvK3OMO3NpRE4t78yfC33VGsIPwpMGEs8epsghLIJK0LRTYBcaY9H7w0-VMLzzr4yHgMScftYFTf6QFtKfwZw1lfgCdYDRToJTx8VsUADzXQ5JKPn9IOo/?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/AVvXsEjYXHqsv3FJQqt5h_qXyQ5XxoTEVlFKXuNQXxWtJjXpm5twP4QEnyOshsCTPUKVqgk6gKGbZwU8g134lKhCE4STORIE2fD2v2eQSDQ8K53mNwcLyFAe3BJmD29z_C_mEMEqON7Htfy-arQ/?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/AVvXsEjr5eSM7lVV1VeBn7-0AdRwZ9Qmc8jK95F-KXHqQmGkFx_wJL-JEsuYjfP5fKNvidfxgu24RuLYLWnO3A056H3aHgGzp6I-iPQY63iAmC9YE4VNkvEDkp0DY23XlcppENoAD_I2olvh5RDm/?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/AVvXsEiJM0RvP5CMIDvMGhaGSDjoKAn8ty_-9gjE8z6p7vhqYor13iMsJ3XWmxPa04mz2uYr4ibtNz-PXPm8vBveQbd2fbKaMv-JC1nC31cD2WpZB1zzqRESnjuXSVTHcJKDCAkNlglk9VzqAZHN/?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/AVvXsEjz387sgfTL05MCec95U3xukRMVRki0GePShAm9KCUQdK2TF7E3pT4GV_7dPOryWxixZ6M4rcGqJA9jFzl3aXrct7fN8S0RkIHnwXFmRM5i-FKC2zvb4b6XezOnwVdJSLtMhjNVE-KOomU/?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/AVvXsEjXPJdD3axPUZtHVSukZbyhsxP-lGWSWCf-DJz2rXt3ZGSj4U1SZyQVUG3iacBAbKFdLhUBwi_rRQ2BpytRe8uhcm3tVOoIYgE6dwVRjDs1Wp4taHQ0akNYo0ejF1EePSDfJdmMr2Vfwjc/?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/AVvXsEj2PrGymOv2p2pahxm2gzBknQMLlM-p7N8fXYVaqpuPGzzHGe9VNJrPXRfr4sMwyNQg0bxedOmJFThOmOZJ8iAG9waOca9PH-O297n8LQUuWow2oADVCj1sqFKtHIdy5wYzzDbp_-H0MYw/?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/AVvXsEjIXY2p3xupTkIkf_cbUeo26p0d_JxQKz60nzWfDXz_R8UQKCmDj-vdffPR566cRT0i5zAv44RvMXrlgkgwaP-z51EAlm32WvJ5rYF_QpTxX4qD25faHzt5QROlOvWwFJpGgePCjnJFVw8/?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/AVvXsEimsFZVwNNjhBLteKUXEZmfHNBpgcWR8-eAonaTBy5XdpG8BV0biFCfNBsbUNWLim9wjC6J754mbQtHfiXRBEMmaxuKrJ-o6WiFMYGZKnfB3wyaVRdyjHh2_GWmx9Ww3gm_lTEMxGDhqWAk/?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/AVvXsEiwNDWJgZzOOedrlgr9ESBd0L7vGiF06hOeQVUb53cSOZM3sMA8AWrZS3MVB-PLWhTmh-roxlxEi-OKU3dAEFoqtEVSDx4fMXxSPGjaSHbDVXQJXAK4pqSQrfTW08iovq3Yt9VO_l8Mk-o/?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/AVvXsEh2h9j1u0wJUwMoCM7I5fe-SL8RDWBO08c1rZ_-6h9EFIfmuan5JQSfzvyJ-6V15R2_Ya7OopIY4TP_ZuEKjVbfmu99Aaj1WQvGB9KfUpLzYLNzH8Afk1ri1rBanuMQw8JmSPX6Hs0BYYE/?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/AVvXsEjQBwX5XDwDmHJGlu6LlUkcjDXfDvAI3zUW4i15vHOxd00DYNdFjfCr3KSCLZ0JLfPvzLNQx3ueG22yheJyUMTY2AVA0JSHdbaAF4f4OYBVuKKIr6AxWn2AUSb6RHs7Qlq_T7b3fbRcmFc/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
</div><div style="font-size:10px;margin:10px 0px 3px 0px">
</div>
تم بحمد الله
0 التعليقات:
إرسال تعليق