MENAMBAH GADGET GOOGLE TRANSLATE di BLOG

Assalamu'alaikum warrahmatulahi wabarakatuh


Seperti biasa masih menunggu sampai jam 1 pagi untuk kembali beraktivitas dengan kesibukan-kesibukan pekerjaan. Sebelum sibuk dengan yang lainnya admin usahain buat posting sesuatu yang berguna di blog admin. Kali ini admin ingin menjelaskan cara menambah google translate di blog. Ada dua cara: yang pertama dengan menambahkan gadget terjemahan (otomatis dari blog) & yang kedua adalah dengan memasukkan kode javascript.

Cara menambahkan gdget google translate di blog dengan cara otomatis dari fitur tambahan gadget terjemahan:
1. kalian masuk kedalam dashboard blog kalian

2. Pilih menu Tata letak

3. Kemudian di bagian tambahkan gadget kalian klik.
4. Saat kalian klik tambahkan gadget, secara otomatis akan muncul jendela baru, jendela fungsi untuk menambahkan gadget lainnya.

















5. Tujuan kalian adalah menambahkan gadget google translate sehingga blog kalian bisa dirubah dengan banyak bahasa. Berarti pada jendela baru tersebut (gambar dibawah ini):

Kalian tarik scrool nya kebawah dan cari pilihan gadget terjemahan. kemudian klik tanda tambah yang berada di kanan nya. maka akan muncul gambar berikut ini:



6. Atur konfigurasi terjemahan sesuai dengan yang kalian inginkan dan klik simpan.















Cara Kedua:
hampir sama dengan cara pertama (point 1-4) namun pada point 5, kalian cari menu tambahan gadget html/javascript. klik tanda tambah disampingnya.

Kemudian isi judul sesuai dengan yang kalian inginkan & pada bagian KONTEN, isi dengan koding dibawah ini:

0</span>" name="code" rows="<span style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; vertical-align: baseline; color: red;">30</span>"> </span><span style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; vertical-align: baseline; background-color: rgb(255, 242, 204);"><span style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; font-style: inherit; font-variant: inherit; font-weight: inherit;"><div class="widget-content"> </span><blockquote class="tr_bq" style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;"> <div style="text-align: justify;"> <p> <style></p> </div> </blockquote> <blockquote class="tr_bq" style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;"> <div style="text-align: justify;"> <p> .google_translate img {</p> </div> </blockquote> <blockquote class="tr_bq" style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;"> <div style="text-align: justify;"> <p> filter:alpha(opacity=100);</p> </div> </blockquote> <blockquote class="tr_bq" style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;"> <div style="text-align: justify;"> <p> -moz-opacity: 1.0;</p> </div> </blockquote> <blockquote class="tr_bq" style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;"> <div style="text-align: justify;"> <p> opacity: 1.0;</p> </div> </blockquote> <blockquote class="tr_bq" style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;"> <div style="text-align: justify;"> <p> border:0;}</p> </div> </blockquote> <blockquote class="tr_bq" style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;"> <div style="text-align: justify;"> <p> .google_translate:hover img {</p> </div> </blockquote> <blockquote class="tr_bq" style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;"> <div style="text-align: justify;"> <p> filter:alpha(opacity=30);</p> </div> </blockquote> <blockquote class="tr_bq" style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;"> <div style="text-align: justify;"> <p> -moz-opacity: 0.30;</p> </div> </blockquote> <blockquote class="tr_bq" style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;"> <div style="text-align: justify;"> <p> opacity: 0.30;</p> </div> </blockquote> <blockquote class="tr_bq" style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;"> <div style="text-align: justify;"> <p> border:0;}</p> </div> </blockquote> <blockquote class="tr_bq" style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;"> <div style="text-align: justify;"> <p> .google_translatextra:hover img {</p> </div> </blockquote> <blockquote class="tr_bq" style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;"> <div style="text-align: justify;"> <p> filter:alpha(opacity=0.30);</p> </div> </blockquote> <blockquote class="tr_bq" style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;"> <div style="text-align: justify;"> <p> -moz-opacity: 0.30;</p> </div> </blockquote> <blockquote class="tr_bq" style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;"> <div style="text-align: justify;"> <p> opacity: 0.30;</p> </div> </blockquote> <blockquote class="tr_bq" style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;"> <div style="text-align: justify;"> <p> border:0;}</p> </div> </blockquote> <blockquote class="tr_bq" style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;"> <div style="text-align: justify;"> <p> </style><div> </p> </div> </blockquote> <blockquote class="tr_bq" style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;"> <div style="text-align: justify;"> <p> <center> </p> </div> </blockquote> <blockquote class="tr_bq" style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;"> <div style="text-align: justify;"> <p> <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="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24"/></a></p> </div> </blockquote> <blockquote class="tr_bq" style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;"> <div style="text-align: justify;"> <p> <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="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24"/></a></p> </div> </blockquote> <blockquote class="tr_bq" style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;"> <div style="text-align: justify;"> <p> <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/AVvXsEjO2ZZ-qNydnG0hWjXr-Dusmda7zgqH40b4HeU5kJTKvAsR1xsCkdizv0I9mXj6Z4LVSc3772Vs8O31WKoBvfmsbNdKGceKYcxn1mOuV0_zgQe_8y5wVDtJTPBZDNZMN9L9f6YMG6Fv3dT6/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24"/></a></p> </div> </blockquote> <blockquote class="tr_bq" style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;"> <div style="text-align: justify;"> <p> <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/AVvXsEhZo5Em4ZucGBDgkKgzGQ71wyY4jI0jRL1JpVb0UYpWxByliFjcZ9zLNyCyCtQIIuRiLx9ZDMvPlgmLso2WvVctEtEFn8zKy9LiKDcLanMvOA069e7NhK4kO5qYA5Phhyphenhyphened6UBvLGoK_3oX/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24"/></a></p> </div> </blockquote> <blockquote class="tr_bq" style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;"> <div style="text-align: justify;"> <p> <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="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?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="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24"/></a><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="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?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="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png?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/translateu='+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/AVvXsEinpu_hQYe8TNEmvhCmboF8aSMkcE3aIh9mIQ5sNL3e6SX6mmYG8ctdndRLObE22LlApD6Vd5J5ZQSpJV5-6H9JrdQTjjKl28fVmUZTzaQ8MlLRjzOJaM6t_w36wDlbUX6TZbbV56STaXUn/?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.oogle.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="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?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="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24"/></a></p> </div> </blockquote> <blockquote class="tr_bq" style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;"> <div style="text-align: justify;"> <p> <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="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24"/></a><br/></center> </p> </div> </blockquote> <span style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; font-style: inherit; font-variant: inherit; font-weight: inherit;"></div> </div> </span>

Terakhir klik simpan.

Lihat hasilnya di blog kalian:

Coba klik Bahasa yang kita inginkan:

Berhasil, selamat mencoba blogers.

Terimakasih sudah berkunjung, jangan lupa untuk joint atau kasih komentar.

wassalam

referensi: http://musttrie-art.blogspot.com/2012/04