Cara Membuat Translate dengan Gambar Bendera

Cara Membuat Translate dengan Gambar Bendera - Kali ini saya akan posting bagaimana Cara Membuat Translate dengan Gambar Bendera. Fungsi widget translate adalah untuk mempermudah pengunjung untuk menerjemahkan artikel/tulisan yang ada di blog kita, apalagi dengan adanya gambar, pengunjung akan sangat mudah untuk menerjemahkannya. 

Berikut Tutorialnya :

1. Sign in (masuk) ke blogger kamu

2. Pilih Dashboard, Tata letak => lalu Tambah Gadget

3. Copy kode dibawah ini dan pastekan di HTML/JavaScript

<center><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="#" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-u4buHRP8GxvA2SndwMBNcBQlzvhAvYCaIDagym_0Lx4DgrdozfvQw6DEMKlZqJU4ZnDvA-4GukW61sr5IeqCalSUqFWfs583RhkmFzVs6NNIVOjy6JbLKbDP8tzpIA6j1Bmb1Cp2eS4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKQ2musbCXk7d-03nFKrc1t3nbwaALpxKFg4cv36cUuweTTF4wVsn2YTmsNtAwBVY4ux-YkVrAC-SCBzSr45401BrNHwcdZVWbmMwGUzpctJHl0-DcbLk2SXk8BBhNNJc30rH0SULDwGw/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" 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/AVvXsEjNxn3ngU_xls7OlIsa9TEx2QPjh9slw_hfmMQENpXha7Xh-skxUGwZYyW2xrymLLHvXtZRxdwTbYeIKGa9XUx2SYjc-h0FNEiiGqSH3uQQfZHF2k_llFcGAIi6ea4CWT1W1QnFcGJrorGj/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" 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/AVvXsEg1ngcVKc1mSTAt-uLYHlgMNdjUMz61JtxrSLsIjpmyvvByjUkYMZl81jKuRtkFyOWTuiL4rdwKLSegWrUS3DXY1BtzJ7IyDEPiJF6w3dDJobnVR8ZWSZtZVBWZ_yf-swv_KtwSqsMydWce/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjios8ZNf0ksxxs9mQw2vaaRzjNkTREWGQbMS8as5ZPIrF1ldXB6ZTBmZlfcoulRgeRscBiSLOZyZBg23i_6qyw5TOrtCFOdgbQeLxKQdfxWX8fSzEo9VtrU_wJ9lQJzOKmy-CfYPET1n4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgptXgb5nUirtUfXRQ4sH5zKHPOdcqJSTbK_2ZBYYysZ7kkMas5lSgq8LYqCmvDqThhpdO7yHyY1Ck-jyz8ubS3khRTPkHuXowO5J6WeGWSAhinMKHhOVKSXbpR9thXW5q3nbP-eBx2fgc/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <br /><br /> <a class="google_translate" href="#" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5FZv8ZlMTB1hjNsfSylFkEg9jhg9t-gVSU7n5mBEc0Y6QkC0EhAbBwvip4PIdt2FV1im4OljdIGjeNLX4qLX-y0x522Ipszp2IHbP3CPhk9oMJG3HM_fYGi7T75UxVfwRTeaXyV9-kSI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYtu02DCoNhP-9qqCaJzPIJx3rhKyGgqkHrTN-2kJEowti-VBxlhS5UPijrg_7yMWbyzb4wF5hcYeIxrADOoWMiK1Fm6Fl5HflwbX00jSZHgWmjteQAiyLYnqJAqbgG8fMk5mpLjvGomQ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" 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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw9hBhkSGLT99HRyqjSaBPOMDknedSgvFPNLbj1G2K1Hcqf-cYsxu5zI4EkOfqnp4WxBUc2AbsACY0yFLEvZJuegBpZMRw4JY7gLzZwehLkSc_qxeoVIk_RzUzAin4kDfF6dHxKWhUZ2S7/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" 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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiueA37kPxJCUbNOvnS9tOv9RZYZovMnTDyixECoSvlSo-oijXch_qJxWK9cYsJg6PVpEnX00n8hPp-Nobb-nfkP6FgZCQ5rhyphenhyphenhB0JC05qjkobDBLEKDMrIyQETuxZYCW5haBz4GxIEhIc/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzuMonOaiG-BOT3-4ogCQ9xSyYpMvo7D7HUoSyTO4jBKy6zMRf5bdhL4fUpf3Q0s9DyDhWS0kxFesP_T0fdQuzbx1DBrowAdn078_OAJop38vV2Hq5yHllu8xL6wnfCnN6B4UsC0hmZLU/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKqgke0dAPHQ1p4YKD0Y6BLZLgFKIgj5TCv26CR-TmSZcfIjk-6_l3mX2frBnEOa4KttkIeyVMcq2AdNLbWg82xIPUX0mMTB7MUQ9H9lAlF1Wt47NUuNuooK2iGUvIhBTm1JyRwWALmdU/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a></div> <div style=”font-size:10px;margin:8px 0px 3px 0px”></div><center></center></center> <br>

4. Klik Simpan. 

Demikian Cara Membuat Translate dengan Gambar Bendera, Semoga berhasil !! dan semoga bermanfaat :D

Share this post