Cara Menambah Widget Translate Di Blog

Cara Menambah Widget Translate Di Blog

Assalamualaikum
Pada kesempatan ini saya akan membuat artikel/ postingan yang memuat tentang cara menambahkah widget google translate dengan gambar bendera/ flag di blog. Yang berfungsi untuk menterjemahkan bahasa kita ke bahasa lain, contohnya bahsa saya bahasa Indonesia, jika saya ingin menterjemahkan ke dalam bahasa inggris saya tinggal mengeklik gambar bendera Inggris di widget translate langsung akan di pindah kehalaman blog yang sudah di terjemahkan.

Contoh Tampilannya

Dan langkah-langkahnya sebagai berikut:

Buka blogger anda
Setelah berada di dasbor pilih menu rancangan, tambah gadget
Lalu pilih menu html
Masukkan kode di bawah ini

<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="http://www.blogger.com/rearrange?blogID=2110924370314170989&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" 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" title="English" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqHJ4icT6-OBiNEVZGHJH3yYAaxnIcJJA0Jpih-068vCK5Gxv_QxsDtQgY_VyjSBmapyK6PICQyVzNvu9K5L2lpW2BrW1mmsMDhs9udghfMRYbCLxgyQ-X3AW5FOUu7Qn-g7KdGKMGNE8/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a> <a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2110924370314170989&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" 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" title="French" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrNKYeF3Yx9C9Ur2i9Qg4OY1x60OktbQEQgaSY2PXgsfYrXTg-Q3psmJDSIQviTWvuVVs_Am0bmtKMnY1uza937u8Wj9ePGahmPIFz0PaZbb9A92aqtJLlwBoeciGv2S2z2aJcSBASO4I/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a> <a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2110924370314170989&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" 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" title="German" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikeBdjHqeAt5UIjsjOt3t8ie_7EbjhZ98EY-YJrXtQJFhPqC0AkjxQovk61q0THk2QDCeBUjsXsty3M6e57-mKrjm3xAZI2FQtLEy4d4FAPA0Qig81-k5Q8R8PwhLSFnEWe6PJ493xack9/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a> <a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2110924370314170989&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" 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" title="Spain" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcmc2c0fg4oStdg3fZ7TVKgkGKxdl1zi6hAdLAZA7zKpWho9zHutV0CfAVcU9eh_voHqTMrIGXobQX5qxxQ5pqKhiNvTuV4JV_rCHbzxl86DFV16GVOr1pL32mNReSHHq0csk-GNOWmvhn/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a> <a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2110924370314170989&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" 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" title="Italian" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPTOQY_95aeuc5KJghro0SE3pdekvMPyRqITGpz2yDtQNa8KN49ZXoLm_26jkWt3gbN2rMKlrAFIPwfySRJMFN_marp3MNi-X-Ui5VoUTRwXA0uwQHONsgiZi8ou56P42WPk6VGONMkNk/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a> <a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2110924370314170989&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" 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" title="Dutch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSGu2sNmyUKQjTGF5rcyHX2seGz3iKl4rkpggfYxZbTIo2QCLvqCk8Vg4KPzoWEZnlBXAzsOfS54hhyphenhyphenLGJF999boU1lqVCjT2HlAizmRSIyhZvVEiua1FAyWYNDjqsJ7nPVDNJwo0O9vk/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a>

<a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2110924370314170989&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" 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" title="Russian" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXNvPqimqmUQY0KY040glYc3K9TPph-pV-oPkuk0iKme6eZQlDhDziMHUn2jzECh3ifixpSGCkY86JvSLlKdtbdh7V4oEfeJGrJXT0jUtjXfjSLhD01i25YeGn3OLP-W8iEfyKLlmPmaY/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a> <a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2110924370314170989&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" 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" title="Portuguese" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkxP3pm7-i1e1PcbILEjcI3EVqkMzOn1fMppgz4VtU0d2z3fh2-2k_5fEX22f0hyqnCLT8HIHB2UrLvlmnvhLrBKoeA4HiGU-H-QJANqFpHkU3o0-xMi80bTs9gehkn1lYRsoBF8XmZkA/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a> <a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2110924370314170989&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" 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" title="Japanese" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_sHRdPdukkSesUT7Pk2Uj3yWkAjhQzEllZEBtRaAchWOQNxf581qMKKbEd6M39M6QDEvdJell2yKWlEhwfHB0o9k6YCPZS6QeFri4OnTPu4Hie5FTNmzd9jk1pV9C1KUz0IFYtbFdOPsM/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a> <a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2110924370314170989&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" 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" title="Korean" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrW2ZOFBt-QKva1xghR6Ps0MtWLaXRBNG3ReYWlzMfLzw71WHimpQNn3_xCkv8cRi48z2saxu0yZxALccQQuE7DBfp_wSweksxYab-sqG9nqDuv_rwu-jPX1nJdp5RXt3gI_ViiIZB1V0/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a> <a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2110924370314170989&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" 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" title="Arabic" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4MvTB5z32iOcDVAT9BPVmzrW6egC14upDDwzDl-geV6JH1bvfVk68uvrpMkv1Al2VFcpiNZ8_MPmAIG6QjZEjM-cKMyC81ROvCuT-MRt6KX9Gjcd8tcCZVdPeIsqbA5qYvNNhQlUMrGw/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a> <a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2110924370314170989&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" 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" title="Chinese Simplified" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_P4A5ogGCRkKhcxEyrVXiL5CYo4MnJTdw6aDblXLx9mENpe9wEx7zUOK_jH3CrYby_xTuNRcoY1ruNP4dvFvo6GbRprOOkxTfTs-FEqfHIsRoAkuvxeGeDUOoxnL86ON9XqopZCuZ79s/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a> </div><div style="font-size: 10px; margin: 10px 0px 3px;"></div>

5. Klik Save

6. Selesai deh ...

Jika ingin mengcopy kode nya tinggal ctrl+c.
Jika anda ingin mengganti gambar benderanya tinggal cari URL yang hampir sama dengan yang dibawah ini:

http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png

Cara mengetahui URL Gambarnya Yaitu : Bagian Yang Berwarna Merah tidak akan berbeda dengan kode bendera lainnya yg terdapat pada kode diatas, jika anda ingin mengganti kode gambar pastikan cari kode yang di awali dan di akhiri dengan kode warna Merah tersbut,agar tidak terjadi kesalahan.
Kenapa saya tidak langsung saja menandai kode diatas agar lebih jelas,,soalnya saya pusing lihat kode2 yang terlalu banyak,,maka dari itu usaha sendiri jika ingin mengganti kodenya,,maaf saya tidak bisa membantu...namun saya telah menyediakan URL gambar lain jika anda ingin mengganti.

Gambar Bendera + Url :

Photobucket

http://i783.photobucket.com/albums/yy114/rrezkijitawwa/saudiarabia.gif

Photobucket

http://i783.photobucket.com/albums/yy114/rrezkijitawwa/jepang.gif

Photobucket

http://i783.photobucket.com/albums/yy114/rrezkijitawwa/inggris.gif

Photobucket

http://i783.photobucket.com/albums/yy114/rrezkijitawwa/rusia.gif

Photobucket

http://i783.photobucket.com/albums/yy114/rrezkijitawwa/koreautara.gif

Photobucket

http://i783.photobucket.com/albums/yy114/rrezkijitawwa/jerman.gif

Photobucket

http://i783.photobucket.com/albums/yy114/rrezkijitawwa/italia.gif

Photobucket

http://i783.photobucket.com/albums/yy114/rrezkijitawwa/francis.gif

Photobucket

http://i783.photobucket.com/albums/yy114/rrezkijitawwa/cina.gif

Photobucket

http://i783.photobucket.com/albums/yy114/rrezkijitawwa/brazilia.gif

Photobucket

http://i783.photobucket.com/albums/yy114/rrezkijitawwa/belanda.gif

Photobucket

http://i783.photobucket.com/albums/yy114/rrezkijitawwa/spnyol.gif

_Semoga Bermanfaat_

Komentar