Membuat Translate Blog Keren Valid HTML 5

Cara Membuat Translate Blog Valid HTML 5

Translate bahasa di blog berguna untuk seseorang dari negara lain yang mengunjungi blog kita karena dengan adanya widget translate di blog maka yang berkunjung akan mentranslate blog kita sesuai bahasa yang di gunakannya. maka dari itu bagi yang ingin mempunyai translate bahasa di blognya maka ikuti tutorial berikut caranya sangat mudah sekali.

Widget transalate bahasa ini saya ambil dari websitenya maskolis dan sedikit di modifikasi agar valid HTML 5, berikut ini caranya :

1. Masuk ke Tata Letak blog anda
2. Tambahkan widget pilih HTML/JavaScript
3. Masukan kode di bawah ini ke dalam widget

<style type="text/css" scoped> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:none; vertical-align:absbottom; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; border:none; vertical-align:absbottom; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; border:none; vertical-align:absbottom; } </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)+'&amp;langpair=id%7Cen&amp;hl=en'); return false;"><img alt="English" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr0fwph2-oi_xQev2CyMuopRTLD8las2__s8OFXr6tcgUA6LcNd8a6lSw48UDua92zceegCIR1ECiEnOSHDH-ZqFg9JsiW5G8MgOPthuwr9XddPJLJD6rJGfP7T59IjIKxktE6SBx6D0g/?imgmax=800" style="cursor: pointer;margin-right:10px" 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)+'&amp;langpair=id%7Cfr&amp;hl=en'); return false;"><img alt="French" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIVxLFkH1QTKD6Xhqh3y2AnPKRNrPSGgmJlDT6KmbG8g3Dz3RklmpD5ass7omvAn96R1vU-KYwMirEyO3iCVeNSt4p-PE9KOoUGsv0SyD1bJBj8RNxIJ5mBJX6gka2K_OGDkchlM50Bs4/?imgmax=800" style="cursor: pointer;margin-right:10px" 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)+'&amp;langpair=id%7Cde&amp;hl=en'); return false;"><img alt="German" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmwv80PkzO9-p52oGv4x-x_ufN09TS9Mce4f-Pl50KJqjQuAwSvRpfkk1ewlDkXLeYiRhdK-tlukmWvNWdpV7B_uv03LUjE_JN97AlxV-Ny4WcKoia28yjYWIfxNqmpJ0Wb1WOOBayr8bL/?imgmax=800" style="cursor: pointer;margin-right:10px" 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)+'&amp;langpair=id%7Ces&amp;hl=en'); return false;"><img alt="Spain" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4Zb_f-u0sffuGNhZizXpH-kGwWZPBS5M7OXzeqAyn4RfsAIpkC3eHzHPLy0YbXNbrgcQG-_6Nm_Dm2_82DrRj3tO9Qo2Nym6wm6OxrC55fuYHbxW_wbkEPnYEFqEuIe8KHAOP5-3q_tHI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cit&amp;hl=en'); return false;"><img alt="Italian" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp5oHJQcU4l05DFs_KOzwEgZV4VyfrFpiFMc13fPJ25jxgAwugKK-acc4dqj4PBNUCQkzxuMpSDZyriW36cw5ZlSQjsy2Mr1xnl4NULYsiKjz8DwU-rPKrmOOgnjuYqx-dDsn_ruP-PVc/?imgmax=800" style="cursor: pointer;margin-right:10px" 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)+'&amp;langpair=id%7Cnl&amp;hl=en'); return false;"><img alt="Dutch" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM23nOVZ14yVQ5uOmOBB-NNY5zUtgymsFeYseTOnumaOfF7SPF7pdKrK2Ls2OLSywcwDu5UGrL2FCaveIzybqbhVvMXKZ9gWaKxs2a75V9hvfwSoA5h4usX8db_h9XDkohUOg7qGFMvGg/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <br /><br /> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cru&amp;hl=en'); return false;"><img alt="Russian" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi34QPc6uXU6rX2hWFyRYyeJ2cxF9p9dunwjPnHnrsM-CtmSocEC_K39_AwwKCHPrQ3tIfCtQwo4h9k-Ws-IVvNQ_tf0XP1Eqyh7Rmee8Dg69jN-0dVZ-Ff1IRHakbg0Mlwr484D0DdSOo/?imgmax=800" style="cursor: pointer;margin-right:10px" 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)+'&amp;langpair=id%7Cpt&amp;hl=en'); return false;"><img alt="Portuguese" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-S9hQKz55Csu7LMzIp1Z8EB7_WyofvxFzj7yoxrD3-Bph5RmDzcexWgPp0nBPcReh7UbVx0IpUd_VPqz6sZCBFZl-p94DwWb0z2pWzo8pdBGIHZZDtjlAjSabChDoqSTnXO_SYEgKZlk/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cja&amp;hl=en'); return false;"><img alt="Japanese" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvVG70u19_W0vZ2OuSGPbm5aFn33-YyVuZx74JRuBlhXui2WiFF1WfhtCsL-hUU46Z0W2zYOyoihukeMVjniYybeQ4t1Jk5PmvNGiXIgmTXR8haM0Lt8l0b9IZbZcx5CNvOOokl2z6L3OJ/?imgmax=800" style="cursor: pointer;margin-right:10px" 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)+'&amp;langpair=id%7Cko&amp;hl=en'); return false;"><img alt="Korean" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGjyb1JpCj7-uieXj9JyCIYARMg3dbvkHaiatyDZMPQFuzOjWIYY7hRAjYFzw7tP-WElFpOZkJBeZeuHYQDzfZlIqtZ0vpsetVKH1TsREDmybLxQVkgj0idq4dSoUnA2wQ_B7TUGvyklc/?imgmax=800" style="cursor: pointer;margin-right:10px" 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)+'&amp;langpair=id%7Car&amp;hl=en'); return false;"><img alt="Arabic" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_WpdqoKTzVp69xkeC02cv_Vfl3AQOYtCvm0fWwJeJacHFUaeb2qXJ8_C6utyhdKAkWA3oJ2ws0ALi0r8KlaP61uL539Vy_SkhuW1H4vs7xd_mDVXneqfTRuQTw9ir4PiVphNQ4fdDX1o/?imgmax=800" style="cursor: pointer;margin-right:10px" 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)+'&amp;langpair=id%7Czh-CN&amp;hl=en'); return false;"><img alt="Chinese Simplified" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBz7C8p2oy11fwMMZQf4EVHsGEVt6TBVGEo_qPAvuWXAWdHlMDHDc4TITE_E-jDoyTgTGvCyKHib2-SIzbJgRjKpS8k6hg_X6boyNsLltpVhbOPRHs-aMUdxEaTcFf5NGKfq-5cxDSU-w/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> </div>

4. Save kemudian masuk Template pilih Edit HTML
5. Pilih Tab Lompat ke widget
6. Pilih widget HTML yang baru saja di tambahkan contoh : HTML1, HTML2, dan seterusnya tergantung template anda
7. Cari kode <b:include name='quickedit'/> dalam kode HTML widget tersebut dan hapus kodenya
8. Save template dan lihat hasilnya

Sekian Cara Membuat Translate Blog Valid HTML 5.

Please Share it! :)

Like n Follow us :

ADS HERE !!!