Membuat fitur translate html
1. <!DOCTYPE html>
2. <html>
3. <head>
4. <meta charset="utf-8">
5. <title>Membuat Google Translate Button Pada Website</title>
6. <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
7. <style>
8. body,*{font-family: 'Roboto', sans-serif;}
9. body{background-color:#eee;}
10. .container_gtranslate{
11. background-color:#ccc;
12. padding:5px;
13. text-align:right;
14. }
15. </style>
16. </head>
17. <body>
18. <div class="container_gtranslate">
19. Terjemahkan halaman ini:
20. <div id="google_translate_element"></div>
21. </div>
22. <h1>Membuat Google Translate Button Pada Website</h1>
23. <p>
24. Astronomi sebagai ilmu adalah salah satu yang tertua, sebagaimana diketahui dari artifak-artifak astronomis yang berasal dari era prasejarah; misalnya monumen-monumen dari Mesir dan Nubia, atau Stonehenge yang berasal dari Britania. Orang-orang dari peradaban-peradaban awal semacam Babilonia, Yunani, Tiongkok, India, dan Maya juga didapati telah melakukan pengamatan yang metodologis atas langit malam.
25. </p>
26. <p>
27. Cukup banyak cabang-cabang ilmu yang pernah turut disertakan sebagai bagian dari astronomi, dan apabila diperhatikan, sifat cabang-cabang ini sangat beragam: dari astrometri, pelayaran berbasis angkasa, astronomi observasional, sampai dengan penyusunan kalender dan astrologi. Meski demikian, dewasa ini astronomi profesional dianggap identik dengan astrofisika.
28. </p>
29. <p>
30. Sumber : https://id.wikipedia.org/wiki/Astronomi
31. <p>
32. <script type="text/javascript">
33. function googleTranslateElementInit() {
34. new google.translate.TranslateElement({pageLanguage: 'id'}, 'google_translate_element');
35. }
36. </script>
37. <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
38. </body>
39. </html>
Clever Cockroach