membuat fitur traducir 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