Mungkin teman-teman sering melakukan browsing dan menemukan Widget Google Translate pada sebuah blog termasuk blog saya sekarang, di mana Google Translate ini berfungsi untuk menerjemahkan isi konten blog bersangkutan oleh para pengunjung yang berbeda bahasa.
Nah, di kesempatan baik ini saya ingin berbagi informasi bagaimana Cara Membuat Google Translate Bentuk Pin di Blogspot, menarik bukan teman-teman untuk dicoba?
Screenshoot
langkah-langkahnya sebagai berikut:
1. Klik Design/Layout/Tata Letak >> Page Element >> Add a Gadget >> HTML/Javascript,
2. Copy paste-kan semua kode berwarna merah di bawah ini ke dalam kotak HTML/Javascript blog teman-teman,
<style>
.translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
padding-left:0px;
}
.translate:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
border:0;
}
</style>
<div style="text-align:center">
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRKfH3TaJOzb_DHB0Vna3nNy0Ewnqr8RV7c6DMkPUUoCd1s959fAFoBjlcioYSkFoCR-dIs1q7U3da8gjmO7Tdh1BLgqKlfKza7fK2TnrSCbFYKP68tNaU7bsRKarL3Xwh7sNHwdqYs4bv/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9Jt8vqVYst-OEMMmThAfSBJDGACdA6LOq27FQUoH25BM9z1KW5mmin9ZUhifA5ZtAwGzDcodKfqzZ245TrvH3DAcZ-jdAsl6RC5N0tqLwhPMpuQEeC10u2NUuSyvEug_bEUPV6dQ8WA4E/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrgtlrEQKbVxRU-oxDKu71xb4lID9HVi2votbIhjMjTKiH7LhCuqRTc7TaBFAccEIcXaUmIL6eYZjIThkNy5tjCW0zrHQtUfJJh4eAHPOZ39fLFiAndgJYsNsSDuqt00D3mOWe_Ax-q-iU/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3UFwz6ggMJFtL9-DUf6IK_uoFeZsy29U0HZ4IH9inAO3TDLSwXUgiSG4yPb8e1bJzfJOlfhj-FEBm_9lOzMGfVRMKHMrUsVHzcJj1GpE8L7OjIlqHpfq0_0AHhdqHvzaD4xkAfRQ0njiz/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaA8ffsbd3o2Lk7bbHwhG75sx53v4auCkJ6qb-KgYmhohpKsEDR2i_Cox63uaJ4l1IEpS7wRfeDK3bCksxrsn9J1yrHPBuHFXs1lydmh4q9YdJb8uV6fGTF7cb-aEjvFJjcqfvKIrvEiaJ/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDo-fcZMDnuG1E5YiLaiISfVF0BGYy0rzuJo7Il04QRjjP7-Z5Qe4QOBkgW1jzvBITpX6ii4FdLZHFlX7nToxBfcfUU8EDUtlv6Pb2UCs-jAPLtQRRIJiORiHcrLk8AFxsJKQMkHSdWUdq/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJPhBT6IqaIsrIMxOHKOLbTYJM4ZWEJAs7hdtyOY3n83mdb85UZlyo7qf5_0u7gufAP3YpXpdm5ekVYwpIx1jx7eXHh6prjZ03kTRThtU4835AQfXGtHK3rOUVEpKsnrvKtniUlRMCGsDo/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCU_T-4zBQVlCb4pTlfEHG4WDB2uHj9zzUhZaj2rm2mDB0P0kiFpBaY9w_R7WGzsUtvn_gUkNO0ipONfCYv3h8HKMzv17R7f-FG9902lyeJ50a2H09kCdSxFEYqaOCP5DWFNVoGj2Maga1/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9ngjGBd4xgnUfFAeINc_7nNUMj9MIg56VHGDLpzehlhpdbfdbeGMMv-9G8Yplfv6c820L_aLSwBd8aneG1GbGJo8t_zfuQjOIEotFKTBealzd71VnPdHec086YYrSawqECGpvgmYJefsS/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje4YTNEoAjnSRTuhM21Y0HTdlppQrFxYFpwoiA-9MPHVU7nC_rfWjhKYcsf4khijZq7foj6zSINVibBEdabf2Ku_LLk8uxBg7bRuSqrKwRMAPwtzI08iXW616L-sTPqLfvklWHb3n3bKP3/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO9wskR9A1QCdpSo1qojNdmAABxbuIEIxE5DalfAoGKOWRtcs7RZq8l5qqiCOvzuZEUUXzMW6fsPPeO1roKcayWPyJsm66am-LlT9tgMmgOEqDXqZZMHdHwWqyVNdhqQ_a_ImrXo_3U9XW/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBLNUGBLo9Rr9Nz0QHlxoPMPWgmYvJ5kEemeZypjzaft69KHIY_ZMH0vDgQXnUF73Po5PppF8YggGI_F7RO1QPfQqE7qs_Nc_ZrIYX5f3t6_vaYDv1VIgC-N09mgBn7yEEDtU9OZQ181nW/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<div style="font-size:9px; padding:8px 0px 0px 0px">
<a href="http://anggasona-anotherbestblog.blogspot.com/2010/06/cara-membuat-google-translate-bentuk.html"/>Translate Widget</a> by Google
</div></div>
.translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
padding-left:0px;
}
.translate:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
border:0;
}
</style>
<div style="text-align:center">
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRKfH3TaJOzb_DHB0Vna3nNy0Ewnqr8RV7c6DMkPUUoCd1s959fAFoBjlcioYSkFoCR-dIs1q7U3da8gjmO7Tdh1BLgqKlfKza7fK2TnrSCbFYKP68tNaU7bsRKarL3Xwh7sNHwdqYs4bv/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9Jt8vqVYst-OEMMmThAfSBJDGACdA6LOq27FQUoH25BM9z1KW5mmin9ZUhifA5ZtAwGzDcodKfqzZ245TrvH3DAcZ-jdAsl6RC5N0tqLwhPMpuQEeC10u2NUuSyvEug_bEUPV6dQ8WA4E/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrgtlrEQKbVxRU-oxDKu71xb4lID9HVi2votbIhjMjTKiH7LhCuqRTc7TaBFAccEIcXaUmIL6eYZjIThkNy5tjCW0zrHQtUfJJh4eAHPOZ39fLFiAndgJYsNsSDuqt00D3mOWe_Ax-q-iU/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3UFwz6ggMJFtL9-DUf6IK_uoFeZsy29U0HZ4IH9inAO3TDLSwXUgiSG4yPb8e1bJzfJOlfhj-FEBm_9lOzMGfVRMKHMrUsVHzcJj1GpE8L7OjIlqHpfq0_0AHhdqHvzaD4xkAfRQ0njiz/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaA8ffsbd3o2Lk7bbHwhG75sx53v4auCkJ6qb-KgYmhohpKsEDR2i_Cox63uaJ4l1IEpS7wRfeDK3bCksxrsn9J1yrHPBuHFXs1lydmh4q9YdJb8uV6fGTF7cb-aEjvFJjcqfvKIrvEiaJ/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDo-fcZMDnuG1E5YiLaiISfVF0BGYy0rzuJo7Il04QRjjP7-Z5Qe4QOBkgW1jzvBITpX6ii4FdLZHFlX7nToxBfcfUU8EDUtlv6Pb2UCs-jAPLtQRRIJiORiHcrLk8AFxsJKQMkHSdWUdq/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJPhBT6IqaIsrIMxOHKOLbTYJM4ZWEJAs7hdtyOY3n83mdb85UZlyo7qf5_0u7gufAP3YpXpdm5ekVYwpIx1jx7eXHh6prjZ03kTRThtU4835AQfXGtHK3rOUVEpKsnrvKtniUlRMCGsDo/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCU_T-4zBQVlCb4pTlfEHG4WDB2uHj9zzUhZaj2rm2mDB0P0kiFpBaY9w_R7WGzsUtvn_gUkNO0ipONfCYv3h8HKMzv17R7f-FG9902lyeJ50a2H09kCdSxFEYqaOCP5DWFNVoGj2Maga1/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9ngjGBd4xgnUfFAeINc_7nNUMj9MIg56VHGDLpzehlhpdbfdbeGMMv-9G8Yplfv6c820L_aLSwBd8aneG1GbGJo8t_zfuQjOIEotFKTBealzd71VnPdHec086YYrSawqECGpvgmYJefsS/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje4YTNEoAjnSRTuhM21Y0HTdlppQrFxYFpwoiA-9MPHVU7nC_rfWjhKYcsf4khijZq7foj6zSINVibBEdabf2Ku_LLk8uxBg7bRuSqrKwRMAPwtzI08iXW616L-sTPqLfvklWHb3n3bKP3/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO9wskR9A1QCdpSo1qojNdmAABxbuIEIxE5DalfAoGKOWRtcs7RZq8l5qqiCOvzuZEUUXzMW6fsPPeO1roKcayWPyJsm66am-LlT9tgMmgOEqDXqZZMHdHwWqyVNdhqQ_a_ImrXo_3U9XW/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBLNUGBLo9Rr9Nz0QHlxoPMPWgmYvJ5kEemeZypjzaft69KHIY_ZMH0vDgQXnUF73Po5PppF8YggGI_F7RO1QPfQqE7qs_Nc_ZrIYX5f3t6_vaYDv1VIgC-N09mgBn7yEEDtU9OZQ181nW/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<div style="font-size:9px; padding:8px 0px 0px 0px">
<a href="http://anggasona-anotherbestblog.blogspot.com/2010/06/cara-membuat-google-translate-bentuk.html"/>Translate Widget</a> by Google
</div></div>
3. Klik save dan View Blog/lihat blog.
Selamat mencoba Membuat Google Translate Bentuk Pin di Blogspot.
0 komentar:
Posting Komentar