RailgunBlog Blogger Widget Blogger Cara Mudah Memasang Widget Untuk Translate Halaman Blog Dengan Bendera Negara

Cara Mudah Memasang Widget Untuk Translate Halaman Blog Dengan Bendera Negara

Yukinon 11:39:00 PM

Tidak semua orang di dunia ini mengerti bahasa yang kita mengerti, jadi bagaimana jika orang asing mengunjungi blog yang kita miliki tetapi mereka tidak mengerti bahasa yang kita gunakan di dalam blog yang kita miliki? Widget Translator untuk blog adalah solusinya.

Dengan memasang widget translator yang sederhana tapi menarik yang akan saya bagikan ini, akan semakin mempermudah pengunjung asing yang ingin membaca artikel yang sobat buat dengan bahasa yang ia mengerti. Bagaimana cara menerjemahkannya? Mudah, Mudah sekali, pengunjung hanya memilih bahasa dari negara mereka dengan mengklik bendera tempat mereka berasal. Bagaimana? Mudah Bukan?

Tampilan Widget Translator

Untuk sobat yang ingin memasang widget translator sederhana ini, sobat bisa melihat tutorialnya dibawah ini:

1. Sobat harus login terlebihdahulu pada blog sobat.

2. pilih menu Tata Letak, pada dashbor blogger.

3. Di dalam menu Tata Letak, silahkan sobat klik Tambahkan Gadget

4. Setelah itu akan muncul jendela kecil yang berisi banyak gadget, silahkan sobat klik HTML/Javascript.

5. Pastekan kode di bawah ini pada kolom yang telah di sediakan

<script type="text/javascript">function showHide(shID) {     if (document.getElementById(shID)) {         if (document.getElementById(shID+'-show').style.display != 'none') {             document.getElementById(shID+'-show').style.display = 'none';             document.getElementById(shID).style.display = 'block';         }         else {             document.getElementById(shID+'-show').style.display = 'inline';             document.getElementById(shID).style.display = 'none';         }     } } </script> <style>  .google_translate img { margin: 10px 20px 0px 20px;     height: 24px;     width: 24px;         }         .google_translate:hover img { filter:alpha(opacity=0.30);         -moz-opacity: 0.30;         opacity: 0.30;         border:0;         }  .more {     display: none; a.showLink, a.hideLink {     text-decoration: none;     color: #0880C4;     padding-left: 18px;     background: transparent('down.gif') no-repeat left; }  a.hideLink {     background: transparent url('up.gif') no-repeat left;  color: #0880C4;}  a.showLink:hover, a.hideLink:hover { color: #0880C4;  }   </style>  <div>  <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSzUd_ZSYcK28IWIN7bX3GaZGYshzgbY0OpC7hSatMglHWJeHD_AZRx34mkFqmJKR29dKczEBaTyBAzIFEuYaMFT9iTbJ-a27GdGRw2YXRr9RY823tbo648aTkxqWNklalcKLgS7Arifhv/s1600/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" width="24"/></a>  <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheGHdDAx68gcWrC2cbMDLARahyOX6O18YFpjmKqz6b2yp3VVKieBCSZ6LsPOO6m-Kuotoz8Mr9yovVE1MsDCQD_YtkH87gGTVbVeJbYwCLPt_JXDavS5wPKYVaSNoCaxHSuvr6FG-jUnto/s1600/France.png" style="cursor: pointer;margin-right:8px" width="24"/></a>  <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNAJ9QFYnfaOEqtTOd8wbGX0l3XhBkLiu3LNOEChtsh_zs7n8gZuRUL0XFr5Enw0JLbh5RFXzpfC-7dQiQADKvum1-3Y6T7JWEKRoRtfj9kOnZEtYrfFEUucOOXucSlnhj-yRYhTM8L-WB/s1600/Germany.png" style="cursor: pointer;margin-right:8px" width="24"/></a>  <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2XXgR6ZRQ3ZdCksnb4hHBtmzsFle7DVFXvVYJPqgMkXAtzm0kuHy3q7DouHwM8X3zvrSFR8Tvux2fvhnKNNb4ffSCceBqG6YLwCKTqcajp2xjz7fRnNlV3N7MXyU1CM8B4P-qep4SXuwv/s1600/Spain.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a href="#" id="example-show" class="showLink"  onclick="showHide('example');return false;">More</a><div id="example" class="more"> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl8DzXEo4A1z-V4xnwamrQjNPWuON_6SCZ6_XseA1-DJWnXAtCE4kvFscDQY7LcuuOIGkHlKzMww3mBOhPxcOTWwKbQstBEMaZblnSJnKquKt_e9Q8ggfhXYd8xph1OzUPvaXcdRz-UZwU/s1600/Italy.png" style="cursor: pointer;margin-right:8px" 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=auto%7cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4I3Q08rENEnOU7PewuTiMNlsKjZJFmn_iQK_ugSR56P00gpnq1_wfqkfLD3LPNEUmIr11ntiGyDtUpPan1UxlSYcORc1EpLAZSnvQ4LFGAWl2xsha530yvq2UVLWNQ5q-zpd2cSnAnblr/s1600/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24"/></a>      <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQyPBNEV8UHWGsT3yZ0gm-2D9YRgaLkfQ3olk9kZbqHEZArgKQQa4DPxQc_UcoGPOJxzJBiPYPY5gWO1iiqAcAi1PyKAXPMGuLOxhO6oyBbGokQpiV96tXLjUQhUYZGd9BwLVww78XUBF6/s1600/Russian+Federation.png" style="cursor: pointer;margin-right:8px" 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=auto%7cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ1oGxKDOKtfXRavRI2MRuUCoo9Q19vev4EnxT5Q4DLvCjLNtNwQeq0n_-5YJHbcqUFyX6e8qaWtUISCoIeew8Of9pCCx4Tr-c5GVArOMOhYoX3Kh3x3dbL1H0CmQsIsaRKTFerC2z3pQv/s1600/Brazil.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br /> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibEYIV0j0llN0vPebgfXOKrTBbp-fqhAEcCeRBDUV0rjILD8n039l3Z56HAEvr8Rnv0InN_m030cNpmBFRtWjn6foNTkIb7T7N3h7e1Ia3WWvoFkbce-zDY131NPxm00z2anAHxc1Mt_11/s1600/Japan.png" style="cursor: pointer;margin-right:8px" width="24"/></a>  <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsGcZTTiCRMJv562nApXNzfSSoLZcr60TQiYS6pVxtQaAWi8lyCUX2Bprmk9jCDVC787SFytK11jml_Th2_Z1iz0x8Bc6Cet2Yfu4cyjjcvjzzxt1tfEyn4ybaYkBi8tIWOLk0u4E_q4Cm/s1600/South+Korea.png" style="cursor: pointer;margin-right:8px" 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=auto%7car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifu8AWbzp1tn_eaAusq3B2h2UOT3tZp7A9oiBop6Oti1g3PvOZJq6SGrcMCxUD_JOKtHGy8zfeOqgesdG_jMzHHywljBLl1xG-1J9zaVyGvZjvfBVNvjGqeh3lt9Z7nn-mzk76iLz0cFpZ/s1600/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24"/></a>  <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=auto%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/AVvXsEiDBPHy4NmpvLE-nBIXsQN51-P8w1Jriube4aCNglmZ51KyiRhYDpALgQ-noJy8cLWiSHrCgDq6MgLxblG7U7I2CFY4b7A3Tk63wEvefiLwPZ1PjglS38rgWeu7yRWcMds8kx92OwCRm4D9/s1600/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a>    <p><a href="#" id="example-hide" class="hideLink"      onclick="showHide('example');return false;">Hide</p></div></div>

6. Setelah semuanya selesai, klik Simpan.

Semoga artikel ini dapat bermanfaat untuk sobat Dherma-Technology semua, jika ada pertanyaan tentang artikel ini serta kritik dan saran untuk blog ini, jangan sungkan untuk menulisnya pada kolom koentar. Terimakasih telah berkunjung.

EmoticonEmoticon

Subscribe to: Post Comments (Atom)