Search
 
SCRIPT & CODE EXAMPLE
 

HTML

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>
Comment

PREVIOUS NEXT
Code Example
Html :: js cookie github 
Html :: see emoji flag on desktop 
Html :: why place holder does not show 
Html :: codigo ejemplo formulario de contacto 2 columnas col-md- 
Html :: servicenow g: breakpoint 
Html :: ubuntu 18.10 vmware 
Html :: html open gmail mailto 
Html :: make select option look like button 
Html :: angular material tags list 
Html :: markdown next page print 
Html :: html embed from mem 
Html :: first div after css 
Html :: allow <= 20 characters in search engine snippets 
Html :: aria-haspopup 
Html :: a open to other tab 
Html :: thtrhthth 
Html :: html type range show label 
Html :: the row #3 could not be found, please file an issue in the tracker with the html code 
Html :: html5 mode 
Html :: hello world html template download file 
Html :: how over mouse play video hml 
Html :: do you put the author and date in article tag html 
Html :: empty label html 
Html :: codesandbox disable prettier 
Html :: how to call parent method from child component 
Html :: moving text in html 
Html :: How To Create "Empty" <Label Tag Without Name 
Html :: span value html 
Html :: simple dashboard html template 
Html :: enter more than one function in onclick event js 
ADD CONTENT
Topic
Content
Source link
Name
1+9 =