Cara Membuat Widget Translate Google Keren Pada Blog

Selamat datang agan atau aganwati, kali saya akan berbagi tentang tips blogging yaitu cara tentang menambahkan widget google translate keren di blog. Widget Google Translate merupakan widget yang dapat ditambahkan pada blog yang berupa widget yang menampilkan beberapa pilihan terjemahan laman dari negara-negara yang terkenal seperti Inggris, Perancis, Jerman, Spanyol, Italia, Belanda, Rusia, Brazil, Jepang, Korea, Arab Saudi dan Cina.



Dengan adanya widget Google Translate memudahkan pengunjung asing dapat memahami artikel atau postingan yang kita buat. Selain memudahkan pengunjung asing yang memahami artikel juga dapat meningkatkan daya tarik pengunjung asing untuk membaca artikel kita sehingga artikel kita dapat populer bagi pengunjung asing.


Untuk menambahkan widget Google Translate di blog caranya cukup mudah dan simpel, langsung saja kita berikan tutorialnya :

Langkah

1. Login pada blog anda masing-masing,

2. Pada menu dashboard blog pilih menu tata letak,

3. Setelah itu pilih menu tambahkan gadget, lalu  pilih menu javascript / html,

4. Setelah itu copy script di bawah lalu paste pada kolom javascript / html,

 <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="http://www.blogger.com/blogger.g?blogID=3662941150602065061#"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cen&amp;hl=en');
return false;" rel="nofollow" target="_blank"
title="English"><img align="absbottom"
alt="English" border="0" height="24"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhtxncYBONa4Z4jx4jUmed2L9hWoqpjOodPfI3arlb-DxtSS4PKlHgKZ8BqrebnVfU6Pw23_HBMHWwWrwq_3Empj3-zplLLsfcX2oXYOWVnlFCh9LsavFCxPP52D-sm4d3hgN8467e7oR6/s144/uk-flag.png"
style="cursor: pointer; margin-right: 8px;" title="English"
width="24" /></a> <a class="translate"
href="http://www.blogger.com/blogger.g?blogID=3662941150602065061#"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cfr&amp;hl=en');
return false;" rel="nofollow" target="_blank"
title="French"><img align="absbottom"
alt="French" border="0" height="24"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXnvs8qfGW_iOELkdGPVtaW_4nFMoRSAuiE9iuYpcYYWJL4qcauEway97BjUxNBpv0HX8F7q5OhtRRE4NtA5PXfWABmC4ICsyAIJtgreEle1ydkfyppaNDpuSZUSasAjAlFiC4lxd6oFrB/s144/france-flag.png"
style="cursor: pointer; margin-right: 8px;" title="French"
width="24" /></a> <a class="translate"
href="http://www.blogger.com/blogger.g?blogID=3662941150602065061#"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cde&amp;hl=en');
return false;" rel="nofollow" target="_blank"
title="German"><img align="absbottom"
alt="German" border="0" height="24"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidk7hWJp2d47JlpQqIqOon5kbWU_S5DLsrFFmxZUm042W2s_UBzSGFtMkyRCQEHMnTEo0uqZsIs4I-6OBbEOnvWtRsVOYL3-y_FgADTMtUIXe9zX2dH8ntaV8rCqXN2WKMX5AhVXnNSB3z/s144/german-flag.png"
style="cursor: pointer; margin-right: 8px;" title="German"
width="24" /></a> <a class="translate"
href="http://www.blogger.com/blogger.g?blogID=3662941150602065061#"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Ces&amp;hl=en');
return false;" rel="nofollow" target="_blank"
title="Spain"><img align="absbottom"
alt="Spain" border="0" height="24"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOpyuxr0NYvIoNl6uNCo0GYm5I04Wa40bzoQnY-rD21LYDmMxYgB1vHC0A5FTp51YzaiSR2PHROFQ9Px31otxxb-IPBiKWy8rgnAHdAhCOvCyeik173kqklIwhaYFK1JdRIFcAHyVZ1ZYH/s144/spain-flag.png"
style="cursor: pointer; margin-right: 8px;" title="Spain"
width="24" /></a> <a class="translate"
href="http://www.blogger.com/blogger.g?blogID=3662941150602065061#"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cit&amp;hl=en');
return false;" rel="nofollow" target="_blank"
title="Italian"><img align="absbottom"
alt="Italian" border="0" height="24"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXhUkPBy0ZctdUy6bh2btxAcyCufiamj_qPl8m2U9AJmBY-4Hegk83sBnyerGoVv3QGzT3ITNhPMVcQ73Yf49EOtL0H2ronKuSEhC_FugHuH2SFY6UkUnURc9WZcHLxC_KdlGoI0tUpQhj/s144/italy-flag.png"
style="cursor: pointer; margin-right: 8px;" title="Italian"
width="24" /></a> <a class="translate"
href="http://www.blogger.com/blogger.g?blogID=3662941150602065061#"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cnl&amp;hl=en');
return false;" rel="nofollow" target="_blank"
title="Dutch"><img align="absbottom"
alt="Dutch" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWS09r6HrVo3KyU1OJ6By2HrC2AonKDFfKhNTyd9is8DMekerxJn3NHNYgUB79EZT5ImJH4uXg7M-SlO2WpITkkK3XRtjaWd5YF1p7Ozglh3OWIbUHuW5hUiQph3C9yTTTbNoXjMUB214v/s144/dutch-flag.png"
style="cursor: pointer; margin-right: 8px;" title="Dutch"
width="24" /></a>

<a class="translate"
href="http://www.blogger.com/blogger.g?blogID=3662941150602065061#"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cru&amp;hl=en');
return false;" rel="nofollow" target="_blank"
title="Russian"><img align="absbottom"
alt="Russian" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFrU6wRWBc3-8ydCo_Wf-FICIlt8GRiao7lFlj0Oc182qtMkYexWDXCMbPL53n00-TqAyJQ3xHOP1ETMrttFScV1LU4oDvzSUv7eAF8JScbLjVfgziFQaG2ljKXZywLf9NeysFLuw565kT/s144/russian-flag.png"
style="cursor: pointer; margin-right: 8px;" title="Russian"
width="24" /></a> <a class="translate"
href="http://www.blogger.com/blogger.g?blogID=3662941150602065061#"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cpt&amp;hl=en');
return false;" rel="nofollow" target="_blank"
title="Brazil"><img align="absbottom"
alt="Brazil" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFxySNA38jk14ahyphenhyphenEvnCMo8RZfJioYfF3z15hjmnEc4wG2cv-lTy6ou8C93C0P6vgWPY6pc-WDHE232VhKxdRZRMZ1bSxtbCCbLGelslsuiMXwR6TKYg5nP7H28Dcqnvk7yObiU_HK-zH0/s144/brazil-flag.png"
style="cursor: pointer; margin-right: 8px;"
title="Brazilian" width="24" /></a> <a
class="translate"
href="http://www.blogger.com/blogger.g?blogID=3662941150602065061#"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cja&amp;hl=en');
return false;" rel="nofollow" target="_blank"
title="Japanese"><img align="absbottom"
alt="Japanese" border="0" height="24"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1JiPNWKZaPV_Bzp_evNtcTihyphenhyphen9jZwEKK_M7otVqgMtwKlq9o3-f9YtxiRLuptyvx2giBVvDHt8Nzy-TIJnhLbHO9ygDCmADj5o9fGYqwlHBlJCC1PcPRm7bGl8z9udb8WmD576AJXluH3/s144/japan-flag.png"
style="cursor: pointer; margin-right: 8px;"
title="Japanese" width="24" /></a> <a
class="translate"
href="http://www.blogger.com/blogger.g?blogID=3662941150602065061#"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cko&amp;hl=en');
return false;" rel="nofollow" target="_blank"
title="Korean"><img align="absbottom"
alt="Korean" border="0" height="24"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg16X3s7v3428lXTe-U4y7p9J8NvmcrI0GBmChaUdDwq8T_cB83BkwOYYjovWeXCJ-CW9URnz6PQjOpOaK4I-9nDVvjxZMS1FLyQjhZFMqPhzNEjyVg4fGyFNCYHUOgTm0rxrQ2IxZqdCZf/s144/korean-flag.png"
style="cursor: pointer; margin-right: 8px;" title="Korean"
width="24" /></a> <a class="translate"
href="http://www.blogger.com/blogger.g?blogID=3662941150602065061#"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Car&amp;hl=en');
return false;" rel="nofollow" target="_blank"
title="Arabic"><img align="absbottom"
alt="Arabic" border="0" height="24"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWfz0IEOkD7LT3oTwFJz7L6NzLdanfJQ5ex-CoSQ7Chf4xO9T0e9oc6i8O5fOW26sByaQJrZTbiOlE6cW7IZYFpOY4BPT7327Z694AEo8ziG4-dOZOR3mK_6WOJqsPdwQfqnpRym_ReE7w/s144/arab-flag.png"
style="cursor: pointer; margin-right: 8px;" title="Arabic"
width="24" /></a> <a class="translate"
href="http://www.blogger.com/blogger.g?blogID=3662941150602065061#"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Czh-CN&amp;hl=en');
return false;" rel="nofollow" target="_blank"
title="Chinese Simplified"><img align="absbottom"
alt="Chinese Simplified" border="0" height="24"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMCB-0gPjB3UsVikE7JQjYL8rzgbqZHO7Z4umT7qGkkmuvRAqZR7KD3aQCuBYG1tU9CyB_TFMDK5kpDClVpOEdXkFnL4iMFa8OE0W4MZwMVqAcYIB3SWj8qwVaijiv2I_F_39ZzJUpvdlZ/s144/china-flag.png"
style="cursor: pointer; margin-right: 8px;" title="Chinese
Simplified" width="24" /></a>

<div style="font-size: 9px; padding:
8px 0px 0px 0px;">

<a
href="http://translate.google.co.id/" title="translate
widget">Translate Widget</a> by Google </div>


</div> 

5. Simpan dan lihat hasilnya.

Demo

Nah itu saja dari saya semoga artikel tentang cara membuat widget translate google dapat membantu anda, jangan lupa like, share dan google+nya serta tinggalkan komentar, terima kasih.

Share this