Haloo Sobat Blogger, Hari ini saya akan share Tutorial tentang " Cara Membuat Google Translate Berbentuk Pin ". Walaupun sudah banyak yg share siih, :D.. Enak kan kalo ada Google Translate Berbentuk Pin ini. Selain keren, juga kalo ada orang asing/luar negeri mengunjungi Blog kita, tidak mengerti bahasa Indonesia, bisa di translate oleh Google dengan hanya meng-klik pin. Langkah2nya juga mudah. :D
Langkah2nya :
1. Ke Design > Layout > Tata Letak > Page Element > Add a Gadget > HTML/Javascript.
2. CoPas semua kode di bawah ini ke dalam HTML/Javascript Blog Sobat.
<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/AVvXsEikIg430YDR_eNQzHMk94jE_Kpi1fg8_ZaXV4zwn4cLcnF6D8Ac9pmMEcbEmCMYJHX5o0LZnyXcU0BvWPaCQnI_VJ_3C971KYGxFDoXxhvDwJZkqCFxGCXNFUQsGOv2GvrHqbD7_AdhsT-e/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/AVvXsEiVClI5vWHd5gp4nGIHo9TsHHH7hlTG9u_FRTLZpHh6dfs3MsUgU0pdOY1zMBrzqLdel1Xq_aaRygDLBx9kTTBp0TEKqsVy9y7N8wPDneLBn-TZucS-5dMjgYwxwCw1CzKh4A1JROiR7TBp/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/AVvXsEj4SihNor-N2y6_tne1aTTsdH8n3HZWKkOQqecbYxLJSc6eeWj2gt3x4I6kulj5o4d5ejNUfPA0PwoiJrpfPT5ApbD4pw0afSTu_xtdbYJwr3p3CWLeD4GhSg1KXHF8EmkOQfF2UxaxSvtp/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/AVvXsEgDxUy4aGWIZP3qJDLWxDErkuKfaNgeChRBIb6HC0Z3h-Tu-5F3tFwGjGqJ2qOXs1hK8K5kHom5w2uzMlNHYarWw90kAnw3GZEE7S9AbtzJzNdnkw-9dGuAR4N8r6Bdvi1GcR5Csr-FM54h/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/AVvXsEhJdmMXBNSiXwF8hNJYM_9qIxQiMWDA9tWADQ9HnpJQxyQdo6xbL-jrSgrZC3hw1Mbpb1Oxu_JZ0lXtJDU5Zztm9JT-8R0f8ejdQLrjKLUfrNRK8jp9w2qgmzEGkzl4tQBaNI_FL5wu68wF/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/AVvXsEg4pQMUwrskwsmnApc9E_ZEt863VOkVBUXqZ7dZzc0Dy99ztZdXR3giY0FB-sNFVYz_Xv_mVUq8-MK4lP5PGoOgkkEif1QASTi1WSfeX0_4BE_mFWtvHDnIvih33lf7yzdxrUgYoKf6iqpA/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/AVvXsEgUkE3kRfYimr3u9Lgu0EdpNPiIj7ccM0ld9p56naKo3s4T9fAByN_ZczApGhDggLLcX2qjslOF3nff7QY5gK5Dzrq2JLwdmWoVIAGSQkz93kk1C_duSipCNXYD-Y6313Z0mNfAw9CYq-dq/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/AVvXsEi9EyhYiKrFcTdDiISFc6HRWM_wAMZ3iPi5zHfdteyhqJPrKpAnxLPjnvCmQBnPGbq9gOvL_ffjoOdZi4ljDAZbpH6pYNzPlrYNXJqKZA03Wqs7pjBYuTVKo3S8TgIGtY3PGx2SxGIe9FPu/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/AVvXsEixcqypYBM_7lGKOycfpD2_MAb0F2WMtlshfXzCGEsrv-F2XN7SGllAB6WDca8Qhjs_2poHuOOBbSikjUQKRk8R_6E1tQJyrW3JD7jXDaEDQATxCqHV7UiKAOQJd04b4sIKV_n3ZsV3hPdu/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/AVvXsEirW7ZpNhurXLKmLxgcQ7f0VbRhj-clpr2H-wl4isnB4wFcXb1q-guqSgcVwuhG64bnY2J4J5vMz3mAnYY8ShmtRuDFOyR2JAAS7wSbOLSvsZi0J4VdnaxxxmgvLDNSY5EL4-VX9_LNAWyW/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/AVvXsEhn0xqPHTjxpuHlKbtLrpGYi4DFjHYPmBpavIEOTtEoWxE7x40xDVCcQ0AI_f1WDx4_0v8WhkrI1YW2KNNvQ-8BJ40mfWN_yl84cbiBwkO8RxrYm3AhiJyuM7tFEbMPivIiSaReCQQobq-X/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/AVvXsEiHIaacy_s1825c5OjdRqXDw0wT9cvEtsC_PlK_izi3alURj52XUrOWm2MQs97A9F6mHS6Bm8aeHeONieTWppuhy6sSPEQAF-8OPRISOxwV8mBM-txRam_aANoc166oB1HJzI7fgiFhyc9C/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://www.tb-rifky.co.cc/2011/02/cara-membuat-google-translate-berbentuk.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/AVvXsEikIg430YDR_eNQzHMk94jE_Kpi1fg8_ZaXV4zwn4cLcnF6D8Ac9pmMEcbEmCMYJHX5o0LZnyXcU0BvWPaCQnI_VJ_3C971KYGxFDoXxhvDwJZkqCFxGCXNFUQsGOv2GvrHqbD7_AdhsT-e/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/AVvXsEiVClI5vWHd5gp4nGIHo9TsHHH7hlTG9u_FRTLZpHh6dfs3MsUgU0pdOY1zMBrzqLdel1Xq_aaRygDLBx9kTTBp0TEKqsVy9y7N8wPDneLBn-TZucS-5dMjgYwxwCw1CzKh4A1JROiR7TBp/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/AVvXsEj4SihNor-N2y6_tne1aTTsdH8n3HZWKkOQqecbYxLJSc6eeWj2gt3x4I6kulj5o4d5ejNUfPA0PwoiJrpfPT5ApbD4pw0afSTu_xtdbYJwr3p3CWLeD4GhSg1KXHF8EmkOQfF2UxaxSvtp/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/AVvXsEgDxUy4aGWIZP3qJDLWxDErkuKfaNgeChRBIb6HC0Z3h-Tu-5F3tFwGjGqJ2qOXs1hK8K5kHom5w2uzMlNHYarWw90kAnw3GZEE7S9AbtzJzNdnkw-9dGuAR4N8r6Bdvi1GcR5Csr-FM54h/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/AVvXsEhJdmMXBNSiXwF8hNJYM_9qIxQiMWDA9tWADQ9HnpJQxyQdo6xbL-jrSgrZC3hw1Mbpb1Oxu_JZ0lXtJDU5Zztm9JT-8R0f8ejdQLrjKLUfrNRK8jp9w2qgmzEGkzl4tQBaNI_FL5wu68wF/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/AVvXsEg4pQMUwrskwsmnApc9E_ZEt863VOkVBUXqZ7dZzc0Dy99ztZdXR3giY0FB-sNFVYz_Xv_mVUq8-MK4lP5PGoOgkkEif1QASTi1WSfeX0_4BE_mFWtvHDnIvih33lf7yzdxrUgYoKf6iqpA/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/AVvXsEgUkE3kRfYimr3u9Lgu0EdpNPiIj7ccM0ld9p56naKo3s4T9fAByN_ZczApGhDggLLcX2qjslOF3nff7QY5gK5Dzrq2JLwdmWoVIAGSQkz93kk1C_duSipCNXYD-Y6313Z0mNfAw9CYq-dq/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/AVvXsEi9EyhYiKrFcTdDiISFc6HRWM_wAMZ3iPi5zHfdteyhqJPrKpAnxLPjnvCmQBnPGbq9gOvL_ffjoOdZi4ljDAZbpH6pYNzPlrYNXJqKZA03Wqs7pjBYuTVKo3S8TgIGtY3PGx2SxGIe9FPu/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/AVvXsEixcqypYBM_7lGKOycfpD2_MAb0F2WMtlshfXzCGEsrv-F2XN7SGllAB6WDca8Qhjs_2poHuOOBbSikjUQKRk8R_6E1tQJyrW3JD7jXDaEDQATxCqHV7UiKAOQJd04b4sIKV_n3ZsV3hPdu/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/AVvXsEirW7ZpNhurXLKmLxgcQ7f0VbRhj-clpr2H-wl4isnB4wFcXb1q-guqSgcVwuhG64bnY2J4J5vMz3mAnYY8ShmtRuDFOyR2JAAS7wSbOLSvsZi0J4VdnaxxxmgvLDNSY5EL4-VX9_LNAWyW/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/AVvXsEhn0xqPHTjxpuHlKbtLrpGYi4DFjHYPmBpavIEOTtEoWxE7x40xDVCcQ0AI_f1WDx4_0v8WhkrI1YW2KNNvQ-8BJ40mfWN_yl84cbiBwkO8RxrYm3AhiJyuM7tFEbMPivIiSaReCQQobq-X/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/AVvXsEiHIaacy_s1825c5OjdRqXDw0wT9cvEtsC_PlK_izi3alURj52XUrOWm2MQs97A9F6mHS6Bm8aeHeONieTWppuhy6sSPEQAF-8OPRISOxwV8mBM-txRam_aANoc166oB1HJzI7fgiFhyc9C/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://www.tb-rifky.co.cc/2011/02/cara-membuat-google-translate-berbentuk.html"/>Translate Widget</a> by Google
</div></div>
3. Save. Dan Lihat Blog Sobat, sudah ada Google Translate Berbentuk Pin. Gimana? Keren ga?
Oke deh.. Selesai Tutorial untuk hari ini. Selamat Mencoba, Semoga Berhasil
Thank Teb
ReplyDeleteSusah
ReplyDelete