زر ترجم المحتوى كلانا نعرفه جيدا وهو في أغلب المدونات
ولكني أحضرته اليوم بشكل جديد جدا وبشكل رائع
ولإضافة هذا الزر الى مدونتك فضلا اتبع الآتي
أولا إذهب الى لوحة التحكم ثم الى التخطيط ثم إضافة زر
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/AVvXsEhwgxdVl6iLPJFA61Vd2Pi1aDKpSDyZzo9LkVNMwE13JfOvQa8UL92vh5a4jHy_ZFlsLfft_JJZ9YkBAT5GrcdKm66RzQuFNDmPUa4zWDv-8Y4W_3m6VtQ2Z4jJuF-U75sSa-IuYxQbk-w/?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/AVvXsEgwxsaUOpEO9bo8o_7rwhxF4-_2XqjPHNoyXb1sLcBhVEl-7vMrdZKsTpitSsAOJsZ_S_kqfDGPV-HsTJzsbCnsKY196v8LkjOk2CghMZxVglG-DWtmhOIP0qcinWU3N-BHWvMb87z9FPY/?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/AVvXsEjwwxULFQ0l0HG0c6rZvXUjuJdN7eSG9_nrqGegWnMif2RQsSlZifo3KCgrAKYxDvG5oJzIxhUOOlxksO91OCWCdo52OH3qymZcBBBBZm8_hr_RrrKMzGbM_1pdPcny5kBspOVbZmhgPXby/?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/AVvXsEgH3yW7-ovPNARauxlgZbQU_sbPJHrW4f2GSGfYWY2jRrBQYsYJISFaLUiPF7EjAD1jsQ7GtSaG1c_67L1269jpyplWZbg9kPar2RUKtRIgCLxi3OxvMvbdI1ozbQbBjZ4rBVL0bRZMLu6g/?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/AVvXsEgHvGmf0sFDwXDtPvtZQNF1d_zL_B2VQTI1EqLGfKLQo2pmlGQZFl1N_j8QmiD1Q7fmna5148CP4omqIUJ5dPZTjuXNX5NklX4lV2YNG2-0T-O1YOEj56lvi4WtBPbhsLdOpGq6hEWqtTY/?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/AVvXsEgU0cCYMwCXVqbrOx4xEsAiqxUyCH2BnYcDXll64Iqly1LCep1YkPzoIKnA867zSjsGahE5laHgmZf0u9_PJmSo7bLfM2g2tWyUfxNQHoTo6zClc99HF5vD-i4oMu9uAhPXv5Xg71PLe-Y/?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/AVvXsEg1rngz7XRpBawgbIXpCgWTHHRj8yjOiJumaIfnRpC7rFwOvatUKZfZZw3IRpvnj7r4AYirgsrS6wT9ez8hJojXKzDTfmLNiTZRvCWJoIEG1f9A8JSJi4OLmmiQW92u3cXP7pcgwapBioM/?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/AVvXsEjs1tWQKDLRt66HZZTAv2t83H2saDDDF_WV7l00rWaCWDevdVWWOLqNuIcp96TEoyahs-aaCesmd-8Ta1RumqbNt6elT51h0YZUze0KZmkCXkuHoypX5teW4IZR-GGx0RDG14oBv8gBdk0/?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/AVvXsEjQWmMSMudw5SmbrEuDIzEDXZcekyuHAwc4H-zNd5X4jPIP4kd7YPjCHre2QePybjQYtDyULb4MiLgFC96_7tG4kMXBBTTPKlSj5OgVMnfOB6Zoj-km63RiWlIlU9UOuCFNh15V8ZkaDbfG/?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/AVvXsEgmYfdld-j_L77lBQij_6GXu48to607GOKW9-79ZUBDbsiElNs8W11jZPVdxHpoeF4PGJcdXHFp1NPuvlgRvillKGNdDjHhFyx99QFS3nAIQN6wLYWc5Ed_yZQRUTP0NbedvveBUC2-PPQ/?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/AVvXsEjA6awBTEIvdoFPjPE_vgpb5mmkhkExKm58yei8-iO-iBhMm4zKHBdYew2Z49mGrT16W_0a1W30q3u16TwjQsWxU5XRwkE2RYummRMwz5mdT6XGNGYOCl7JchC1t0jCpGd8rBphyphenhyphenuwDkJc/?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/AVvXsEg1SEs_Q2UOwMddUac9_Jm3TcNaJYEcYDoRKEn6nxNPe-6oKh5nnQ2C42ki0hwKHLsnxooQOHrEcD6JTLY7M8VhAj2nf01stiZj_wXKNcKizmqyh73EqF4u_CHzDRoAgGq3gD-X9OXCue4/?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/AVvXsEhwgxdVl6iLPJFA61Vd2Pi1aDKpSDyZzo9LkVNMwE13JfOvQa8UL92vh5a4jHy_ZFlsLfft_JJZ9YkBAT5GrcdKm66RzQuFNDmPUa4zWDv-8Y4W_3m6VtQ2Z4jJuF-U75sSa-IuYxQbk-w/?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/AVvXsEgwxsaUOpEO9bo8o_7rwhxF4-_2XqjPHNoyXb1sLcBhVEl-7vMrdZKsTpitSsAOJsZ_S_kqfDGPV-HsTJzsbCnsKY196v8LkjOk2CghMZxVglG-DWtmhOIP0qcinWU3N-BHWvMb87z9FPY/?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/AVvXsEjwwxULFQ0l0HG0c6rZvXUjuJdN7eSG9_nrqGegWnMif2RQsSlZifo3KCgrAKYxDvG5oJzIxhUOOlxksO91OCWCdo52OH3qymZcBBBBZm8_hr_RrrKMzGbM_1pdPcny5kBspOVbZmhgPXby/?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/AVvXsEgH3yW7-ovPNARauxlgZbQU_sbPJHrW4f2GSGfYWY2jRrBQYsYJISFaLUiPF7EjAD1jsQ7GtSaG1c_67L1269jpyplWZbg9kPar2RUKtRIgCLxi3OxvMvbdI1ozbQbBjZ4rBVL0bRZMLu6g/?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/AVvXsEgHvGmf0sFDwXDtPvtZQNF1d_zL_B2VQTI1EqLGfKLQo2pmlGQZFl1N_j8QmiD1Q7fmna5148CP4omqIUJ5dPZTjuXNX5NklX4lV2YNG2-0T-O1YOEj56lvi4WtBPbhsLdOpGq6hEWqtTY/?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/AVvXsEgU0cCYMwCXVqbrOx4xEsAiqxUyCH2BnYcDXll64Iqly1LCep1YkPzoIKnA867zSjsGahE5laHgmZf0u9_PJmSo7bLfM2g2tWyUfxNQHoTo6zClc99HF5vD-i4oMu9uAhPXv5Xg71PLe-Y/?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/AVvXsEg1rngz7XRpBawgbIXpCgWTHHRj8yjOiJumaIfnRpC7rFwOvatUKZfZZw3IRpvnj7r4AYirgsrS6wT9ez8hJojXKzDTfmLNiTZRvCWJoIEG1f9A8JSJi4OLmmiQW92u3cXP7pcgwapBioM/?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/AVvXsEjs1tWQKDLRt66HZZTAv2t83H2saDDDF_WV7l00rWaCWDevdVWWOLqNuIcp96TEoyahs-aaCesmd-8Ta1RumqbNt6elT51h0YZUze0KZmkCXkuHoypX5teW4IZR-GGx0RDG14oBv8gBdk0/?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/AVvXsEjQWmMSMudw5SmbrEuDIzEDXZcekyuHAwc4H-zNd5X4jPIP4kd7YPjCHre2QePybjQYtDyULb4MiLgFC96_7tG4kMXBBTTPKlSj5OgVMnfOB6Zoj-km63RiWlIlU9UOuCFNh15V8ZkaDbfG/?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/AVvXsEgmYfdld-j_L77lBQij_6GXu48to607GOKW9-79ZUBDbsiElNs8W11jZPVdxHpoeF4PGJcdXHFp1NPuvlgRvillKGNdDjHhFyx99QFS3nAIQN6wLYWc5Ed_yZQRUTP0NbedvveBUC2-PPQ/?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/AVvXsEjA6awBTEIvdoFPjPE_vgpb5mmkhkExKm58yei8-iO-iBhMm4zKHBdYew2Z49mGrT16W_0a1W30q3u16TwjQsWxU5XRwkE2RYummRMwz5mdT6XGNGYOCl7JchC1t0jCpGd8rBphyphenhyphenuwDkJc/?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/AVvXsEg1SEs_Q2UOwMddUac9_Jm3TcNaJYEcYDoRKEn6nxNPe-6oKh5nnQ2C42ki0hwKHLsnxooQOHrEcD6JTLY7M8VhAj2nf01stiZj_wXKNcKizmqyh73EqF4u_CHzDRoAgGq3gD-X9OXCue4/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
</div><div style="font-size:10px;margin:10px 0px 3px 0px">
</div>
تم بحمد الله

