embed google sheet in website

Istanasubasa.online Semoga kebahagiaan menyertai setiap langkahmu. Dalam Tulisan Ini aku mau menjelaskan kelebihan dan kekurangan blog,WGS. Pemahaman Tentang blog,WGS embed google sheet in website Jangan diskip ikuti terus sampai akhir pembahasan.

1.1. HTML

Ingin menyajikan data dari Google Sheet langsung di website Anda? Kabar baiknya, ini sangat mungkin dan relatif mudah dilakukan! Menyematkan Google Sheet memungkinkan Anda menampilkan informasi yang selalu terbarui tanpa perlu repot mengunggah ulang data secara manual.

Ada beberapa cara untuk menyematkan Google Sheet. Salah satu metode yang paling umum adalah dengan menggunakan fitur Publikasikan ke web yang tersedia di Google Sheet. Caranya, buka Google Sheet Anda, lalu pilih File > Publikasikan ke web. Di sini, Anda bisa memilih sheet mana yang ingin dipublikasikan, serta format tampilannya (sebagai halaman web, CSV, TSV, PDF, atau bahkan gambar).

Setelah memilih opsi yang sesuai, Google Sheet akan menghasilkan kode HTML yang bisa Anda salin dan tempelkan ke dalam kode website Anda. Kode ini biasanya berupa tag </i> yang akan menampilkan sheet secara interaktif. Pengunjung website Anda dapat melihat data, melakukan pengurutan, dan bahkan menggunakan filter (tergantung pada pengaturan yang Anda pilih).</p><p>Keuntungan utama menyematkan Google Sheet adalah kemudahan pembaruan. Setiap kali Anda mengubah data di Google Sheet, perubahan tersebut akan secara otomatis tercermin di website Anda. Ini sangat berguna untuk menampilkan data dinamis seperti harga produk, statistik penjualan, atau jadwal acara.</p><p>Selain itu, Anda juga bisa mengontrol tampilan sheet yang disematkan. Misalnya, Anda bisa menyembunyikan baris atau kolom tertentu, atau mengatur agar sheet hanya bisa dibaca (<i>read-only</i>). Ini membantu Anda menyajikan data dengan cara yang paling relevan dan mudah dipahami oleh pengunjung website Anda.</p><p>Berikut adalah contoh sederhana kode HTML untuk menyematkan Google Sheet:</p><pre><code><iframe src=URL_GOOGLE_SHEET_ANDA width=600 height=400></iframe></code></pre><p>Pastikan untuk mengganti URL_GOOGLE_SHEET_ANDA dengan URL yang dihasilkan saat Anda mempublikasikan sheet Anda. Anda juga bisa menyesuaikan lebar dan tinggi <i>iframe</i> sesuai dengan kebutuhan desain website Anda.</p><p>Dengan menyematkan Google Sheet, Anda bisa menyajikan data secara profesional dan efisien di website Anda. Selamat mencoba!</p> <p class="RNdf">Begitulah <span><i>embed google sheet in website</i></span> yang telah saya jelaskan secara lengkap dalam blog,wgs, Dalam tulisan terakhir ini saya ucapkan terimakasih tingkatkan keterampilan dan jaga kebersihan diri. Bagikan juga kepada sahabat-sahabatmu. lihat konten lain di bawah ini.</p> <div class="widget-content margin"> <div class="adBn" data-height="90"> Special Ads </div> </div></div> <div class="post-footer"> <div class="post-labels"> <span>Tags</span> <div class="label-head Label"><a class="label-link" href="/blog/">blog</a><a class="label-link" href="/WGS/">WGS</a></div> </div> <div class="post-share"> <ul class="share-links social social-color"> <li class="facebook"><a class="facebook" href="embed-google-sheet-in-website" onclick="window.open(this.href, 'windowName', 'width=550, height=650, left=24, top=24, scrollbars, resizable'); return false;" rel="noopener nofollow"><span class="hiden_absolute">facebook</span></a></li> <li class="x"><a class="x" href="https://twitter.com/share?url=embed-google-sheet-in-website&text=embed google sheet in website" onclick="window.open(this.href, 'windowName', 'width=550, height=450, left=24, top=24, scrollbars, resizable'); return false;" rel="noopener nofollow"><span class="hiden_absolute">x</span></a></li> <li class="whatsapp whatsapp-desktop"><a class="whatsapp" href="https://web.whatsapp.com/send?text=embed google sheet in website |embed-google-sheet-in-website" onclick="window.open(this.href, 'windowName', 'width=900, height=550, left=24, top=24, scrollbars, resizable'); return false;" rel="noopener nofollow"><span class="hiden_absolute">whatsapp</span></a></li> <li class="email"><a class="email" href="mailto:?subject=Floyd Mayweather says fight against Conor McGregor ‘can happen’&body=embed-google-sheet-in-website" rel="noopener nofollow" target="_blank" title=""><span class="hiden_absolute">Email</span></a></li></ul> </div> <div class="author-profile"> <div class="author-image-box"> <img alt="Asep" class="author-image lazyload" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8o0AKVaH_FR5hFZvhI4z48TauWcJYoP8CfiB-qtnA6XxnGbkSvzlKwQ28KyQv0_MggZhKK1SxgDao0sYuRWTug1MsEEcOARoQTGsAilJt6d2E71VeXVhRzSmsmxsieFY0W89ide67PHXw_n7FqrrqbS1SamuIijRb0OYj3Abz1oK6K3kWZrSvHzDXKjx-/s320/admin-penulis.png" width="50px"> </div> <div class="author-about"> <span class="author-name"><span>Posted by</span>Asep</span> <span class="author-bio">Saya adalah seorang penulis profesional</span> </div> </div> <div class="bPst-comments" id="bPst-comments"> <section class="comments threaded" data-embed="true" data-num-comments="1" id="comments"> <style>.chat__footer { margin-bottom: 27px; background: #fff !important; padding: 0 !important; margin-top: auto; overflow: hidden; border-radius: 10px; border: unset !important; }.ainext {display:none!important}</stye> <style>.chat__footer { margin-bottom: 27px; background: #fff !important; padding: 0 !important; margin-top: auto; overflow: hidden; border-radius: 10px; border: unset !important; }.ainext {display:none!important}</stye> <style> div#dailyprayertime-2 { display: none !important; } .chat__footer textarea,button{-webkit-appearance:none;-moz-appearance:none;} .chat__footer p{font-family:"Montserrat", sans-serif;} .chat__footer textarea{font-family:"Montserrat", sans-serif;font-size:14px;resize:none;} *,*:before,*:after{box-sizing:border-box;} .chat__footer button:active,button:focus,span:active,span:focus,span,div:active,div:focus,div,textarea:active,textarea:focus{outline:none;} .chat__footer textarea{font-family:"Montserrat", sans-serif;letter-spacing:0;} .chat__footer button{font-family:"Montserrat", sans-serif;background:none;cursor:pointer;border:none;font-size:16px;} .chat__footer button:disabled{opacity:0.5;cursor:auto!important;} .chat__footer ::-webkit-scrollbar{width:0.5em;height:0.5em;} .chat__footer ::-webkit-scrollbar-thumb{background:#00FAA9;} .chat__footer ::-webkit-scrollbar-track{background:#d1d1d1;} .chat__footer p{line-height:140%;} .chat__form { display: flex; padding: 13px 22px; flex-direction: column; position: relative; border-radius: 24px; border: 1px solid #c5c5c5; background: rgb(255 255 255); } .chat__form .chat__textarea{background:none;border:none;font-size:16px;height:25px;} .chat__form .chat-submit{position:absolute;right:24px;bottom:8px;} .chat__form .chat-submit:hover svg path{fill:#fff;} span#showdata { overflow: hidden; height: 99px; color: #000; } .chat__footer { margin-bottom: 27px; background: #c4c4ff08; padding: 19px 50px; margin-top: auto; overflow: hidden; border-radius: 10px; border: 1px dashed #e7e7e7; } .chat__footer span { font-size: 16px; opacity: 0.75; margin-top: 15px; display: block; } .chat__footer__line p { font-size: 14px; font-style: normal; font-weight: 700; margin-right: 10px; width: 16%; position: relative; top: 8px; } .chat__footer__line{margin-bottom:8px;display:flex;align-items:center;justify-content:center;} .chat__footer__line p { font-size: 14px; font-style: normal; font-weight: 700; margin-right: 10px; width: 16%; position: relative; top: 8px; } .chat__footer__line .chat__footer__procent { width: 534px; border-radius: 4px; background: #555555; height: 2px; } span#showdata li { margin-bottom: 17px !important; } span#showdata ol { padding: 0 27px; } .chat__footer__line .chat__footer__procent__line{width:80%;height:8px;border-radius:4px;background:linear-gradient(95deg, #00FFA3 3.49%, #00C2FF 95.78%);} @media screen and (max-width: 980px){ p{font-size:14px!important;} .chat__form .chat-submit{right:8px;bottom:8px;} } @media screen and (max-width: 760px){ .chat__footer__line p { width: 100%; top: 8px; text-align: center; } .bPst-comments{padding:1rem!important} .chat__body .chat__form{padding:0 4vw;} .chat__footer{padding:15px 4vw;} .chat__footer__line{flex-wrap:wrap;gap:10px;margin-bottom:20px;} .chat__form .chat__textarea{padding:3px;padding-right:30px;} .chat__form .chat__textarea{height:80px;} } textarea.chat__textarea{resize:none;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;transition:none;} .desc-switch { text-align: center; font-size: 20px; background: #ffffff85; padding: 9px; position: relative; top: 0; border-bottom:2px solid #f5f5f5; } .bukaAI { background: #fdc6ce; padding: 5px 9px; color: #000!important; border-radius: 11px; font-size: 14px; } .ainext {margin-bottom: 19px;display: block;width: 100%;text-align: center;font-size: 18px;} </style> <div class='chat__footer' id="chatjogjapost"> <div id='limit'><div class='chat__footer__line'><p>✦ Tanya AI</p><div class='chat__footer__procent'><div class='chat__footer__procent__line' style='width: 0%;'/></div></div></div> <style> /*! CSS Used from: Embedded */ .message{margin-bottom:10px;padding:8px;border-radius:10px;display:flex;align-items:center;} .incoming { background-color: #f1f6fd; justify-content: flex-start; } .message-avatar{width:40px;height:40px;border-radius:50%;margin-right:10px;flex-shrink:0;} .message-content{word-wrap:break-word;} .message-time{font-size:12px;color:#666;margin-left:auto;} </style> <div class="message incoming"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK_KUycTsd1UDiUSNvxjcrb2McjD5Ov_PdW2dQjQPbqHoTnviRaKjD1ZUPJ9u1Z9AWyWA5EIfY-YxEF-ePwynZjiSGrlO3weBVKeBu1XNs_H0JprOzQFPiqsHnX-YD5ffQ1fO9CZGfyLEt9MHIGcS1qBeWBHCsqkcWgp9Suj2uo3xoLd-4xQfNCcS55Ms/s320/20240201_093035_0000.png" alt="Avatar" class="message-avatar"> <div class="message-content">AI kami siap membantu pertanyaan anda</div> <div class="message-time"><svg viewBox="0 0 512.000000 512.000000" style=" width: 25px; height: auto; vertical-align: middle; "><g fill="#3f526e" stroke="none" transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"> <path d="M1800 4564 c-19 -2 -78 -9 -130 -14 -306 -33 -690 -160 -933 -306 -273 -166 -496 -394 -615 -630 -128 -254 -155 -540 -76 -811 85 -295 309 -577 619 -779 50 -32 91 -59 93 -60 2 -1 -16 -40 -38 -86 -48 -97 -125 -203 -237 -326 -100 -110 -113 -129 -113 -175 0 -30 7 -46 31 -69 29 -29 33 -30 87 -24 164 19 385 83 585 167 154 66 210 96 344 182 l93 59 62 -10 c153 -26 309 -34 522 -29 239 6 361 21 554 68 572 139 1021 450 1241 859 52 97 106 262 122 369 16 114 6 323 -20 424 -156 596 -765 1045 -1591 1172 -100 16 -517 29 -600 19z m514 -380 c812 -100 1408 -619 1336 -1163 -17 -132 -56 -232 -133 -346 -157 -234 -419 -420 -752 -535 -260 -90 -461 -123 -750 -123 -192 0 -391 20 -544 54 l-44 10 -126 -84 c-141 -94 -171 -111 -171 -100 0 5 20 56 44 113 25 58 42 108 38 112 -4 3 -80 49 -170 102 -224 131 -281 172 -402 295 -120 122 -185 222 -233 358 -42 121 -49 279 -18 404 85 340 415 642 876 799 340 116 676 149 1049 104z"></path> <path d="M4330 3531 c0 -5 9 -47 20 -93 148 -631 -142 -1279 -758 -1696 -358 -242 -765 -387 -1247 -444 -62 -7 -212 -12 -343 -12 l-233 0 53 -33 c80 -51 281 -147 393 -189 131 -48 331 -98 479 -119 248 -35 580 -36 813 0 l102 15 83 -54 c243 -157 555 -283 831 -335 145 -28 162 -27 198 8 22 23 29 39 29 68 0 45 -15 67 -131 195 -122 134 -176 210 -227 320 l-31 68 122 82 c216 145 417 367 520 573 143 288 153 638 26 926 -118 271 -354 526 -646 698 -29 17 -53 26 -53 22z"></path> </g> </svg></div> </div> <div id='form'><form class='chat__form'><textarea class='chat__textarea' id='prompt' placeholder='Mau nanya apa?' style='height: 21px;'></textarea><button class='chat-submit' disabled='disabled' id='send' onclick='sendRequest()'><svg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_78_52)'><path d='M2.18051 20.0556C2.10453 20.4531 2.50771 20.7715 2.8768 20.6054L20.9868 12.456C21.3798 12.2791 21.3798 11.7209 20.9868 11.544L2.8768 3.39456C2.50772 3.22847 2.10453 3.54685 2.18051 3.94439L3.28213 9.70781C3.31655 9.88788 3.44675 10.0347 3.62141 10.0903L9.01526 11.8094C9.20095 11.8686 9.20095 12.1314 9.01526 12.1906L3.62141 13.9097C3.44675 13.9653 3.31655 14.1121 3.28213 14.2922L2.18051 20.0556Z' fill='url(#paint0_linear_78_52)' style='fill: red;'/></g><defs><linearGradient gradientUnits='userSpaceOnUse' id='paint0_linear_78_52' x1='11.9954' x2='11.9954' y1='3.00016' y2='21.0002'><stop stop-color='#00FAA9'/><stop offset='1' stop-color='#00D6E0'/></linearGradient><clipPath id='clip0_78_52'><rect fill='white' height='24' width='24'/></clipPath></defs></svg></button></form></div> <span id='showdata'></span> </div> <div class='desc-switch' id="switch"><button class='bukaAI' id='bukafullai'>Tampilkan</button> </div> <script src="https://cdn.jsdelivr.net/npm/markdown-it/dist/markdown-it.min.js"></script> <textarea id="sdata" style="display:none"></textarea> </div> <txt class="ainext">Silahkan baca artikel selengkapnya di bawah ini.</txt> <script> function convertMarkdownToHtml(markdown) { var md = window.markdownit(); return md.render(markdown); } document.addEventListener("DOMContentLoaded", function(){ document.getElementById('bukafullai').addEventListener('click', function () { if(document.getElementById('bukafullai').innerText == "Tampilkan"){ document.getElementById('bukafullai').innerText = "Sembunyikan"; document.getElementById('chatjogjapost').setAttribute("style", "height: unset"); document.getElementById('switch').setAttribute("style", "top: 0px"); document.getElementById('showdata').setAttribute("style", "height: auto"); }else{ document.getElementById('bukafullai').innerText = "Tampilkan"; document.getElementById('chatjogjapost').removeAttribute("style"); document.getElementById('switch').removeAttribute("style"); document.getElementById('showdata').removeAttribute("style"); document.getElementById('switch').setAttribute("style", "top: -28px"); } }); }); function sendRequest(){ document.getElementById('sdata').value = ""; var domain1 = location.href; var hostt1 = domain1.split('/')[2] var hostt2 = domain1.split('.')[1] + "." + domain1.split('.')[2] if(hostt1 == hostt2){ var dir1 = hostt1 }else{ var dir1 = hostt2.split('/')[0] } //alert(dir1) function Jquery(){ if ('tetadigital.com' == dir1) {} else {window.location = "https://www.jawaraspeed.com"; }} //Jquery(); //INPUT EVALUSI const idbutton = document.getElementById("send"); const textareaprompt = document.getElementById("prompt"); textareaprompt.addEventListener('input', () => { if(textareaprompt.value < 1){ document.getElementById("send").disabled = true; }else{ idbutton.disabled = textareaprompt.value == ''; document.getElementById("send").disabled = false; } }); //INPUT EVALUASI document.getElementById("send").disabled = true; document.getElementById("showdata").innerHTML = ""; document.getElementById("showdata").innerHTML = "<b>Menjawab: "+document.querySelector('#prompt').value+"</b><br/><br/>"; var judulAI = [] var elList = document.querySelectorAll('h1.post-title'); elList.forEach(el => judulAI.push(el.innerText)); ///AI const promptnya = 'Berikan jawaban yang singkat dan jelas untuk audience tentang:'; if(document.querySelector('#prompt').value){ var judul = document.querySelector('#prompt').value; }else{ var judul = judulAI[0]; document.getElementById("showdata").innerHTML = "<b>Menjawab: "+judulAI[0]+"</b><br/><br/>"; } // etc const raw = { "contents": [ { "parts": [ { "text": promptnya + " " + judul + "/n Tanpa intruksi." } ] } ], "generationConfig": { "temperature": 0.1, "topK": 1, "topP": 1, "maxOutputTokens": 500, "stopSequences": [] }, "safetySettings": [ { "category": "HARM_CATEGORY_HARASSMENT", "threshold": "BLOCK_MEDIUM_AND_ABOVE" }, { "category": "HARM_CATEGORY_HATE_SPEECH", "threshold": "BLOCK_MEDIUM_AND_ABOVE" }, { "category": "HARM_CATEGORY_SEXUALLY_EXPLICIT", "threshold": "BLOCK_MEDIUM_AND_ABOVE" }, { "category": "HARM_CATEGORY_DANGEROUS_CONTENT", "threshold": "BLOCK_MEDIUM_AND_ABOVE" } ] } fetch("https://generativelanguage.googleapis.com/v1beta/models/gemini-1.0-pro:generateContent?key=AIzaSyBaHPSvBOy9L31hcy7BubAEoctWtGYYXxk", { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(raw) }) .then(response => { if (!response.ok) { // Handle 400 error specifically if (response.status === 400) { document.getElementById('showdata').innerHTML = '<p style=" color: #505050; text-align: center; ">Maaf AI kami sedang maintenance pada {apikey error}.</p>' } if (response.status === 429) { document.getElementById('showdata').innerHTML = '<p style=" color: #505050; text-align: center; ">Saat ini AI kami sedang memiliki traffic tinggi silahkan coba beberapa saat lagi.</p>' } } return response.json(); }) .then(result => { const hasils = result.candidates[0]; if(hasils.finishReason == "SAFETY"){ document.getElementById('showdata').innerHTML = "Maaf AI belum dapat menjawab silahkan berikan pertanyaan lain." } if(hasils.finishReason == "STOP"){ const markdown = hasils.content.parts[0].text; var oo = 0 var hasktitle = convertMarkdownToHtml(markdown) + " "; const functionCounterTimer = (callCount) => { const goht = hasktitle.length; if (callCount < goht) { setTimeout(() => { ++callCount oo +=1 functionCounterTimer(callCount); if(hasktitle.length == oo){ } else{ document.getElementById('sdata').value += hasktitle[oo - 1]; document.getElementById('showdata').innerHTML= document.getElementById('sdata').value; } }, 30); } } functionCounterTimer(0); }else{ document.getElementById('showdata').innerHTML = "Maaf AI belum dapat menjawab silahkan berikan pertanyaan lain." } }); ///AI } const userInteractionEvents=["mouseover","keydown","touchstart","touchmove","wheel"];userInteractionEvents.forEach(function(event){window.addEventListener(event,triggerScriptLoader,{passive:!0})});function triggerScriptLoader(){sendRequest();userInteractionEvents.forEach(function(event){window.removeEventListener(event,triggerScriptLoader,{passive:!0})})} </script> <div class="clr"></div> </section> </div> <div class="widget HTML rM" data-version="2" id="HTML13"> <div class="widget-title"> <h3 class="title"> Up Next </h3> <div class="widget-content"> <ul class="gD"> </li> </ul> </div> <div class="bPsts hfeed"> <div class="widget-title"> <h3>Postingan Terbaru</h3> </div> <div class="gRWr"> <article class="bPst simpleCart_shelfItem gR" data-id="22169320874590264"> <div class="tHimage" data-title="convert google sheet to websit..."> <span class="post-tag"> <a href="convert-google-sheet-to-websit">blog</a> </span> <div class="tHimg"> <a href="convert-google-sheet-to-websit"> <img alt="convert google sheet to websit..." class=" ls-is-cached lazyloaded" src="https://tse1.mm.bing.net/th?q=convert+google+sheet+to+websit..." title="convert google sheet to websit..." width="400"> </a> </div> </div> <div class="psTinF"> <div id="myjump"> <h2 class="post-title item_name"> <a href="convert-google-sheet-to-websit">convert google sheet to websit...</a> </h2> <p class="pStNpet opacity">Konversi Google Sheet ke website dengan mudah! Ubah data spreadsheet Anda menjad...</p> <div class="bksMeta"> <div class="post-meta"> <time class="post-date published">27 Februari 2025 12:28:35</time> <div class="jump-link flat-button"> <a href="convert-google-sheet-to-websit"> Selengkapnya </a> </div> </div> </div></div> </div> </article> </div> </div> </div> </article> </div> </div> </main>  <aside id="sdWrp"> <div class="sidebar rD section" id="sidebar" name="Sidebar Right">  <div class="widget HTML" data-version="2" id="HTML8"> <div class="widget-title"> <h3 class="title"> News Today </h3> </div> <div class="widget-content"> <ul class="rmag"> <div class="rbig"> </div> <div class="rsmall"> </div> </ul> <div class="morepost"><a href="/Login/">Lihat Semua</a></div></div></div>   <div class="widget HTML" data-version="2" id="HTML2"> <div class="widget-content"> <div class="adBn" data-height="250"> Special Ads </div> </div> </div>   <div class="widget PopularPosts" data-version="2" id="PopularPosts1"> <div class="widget-title"> <h3 class="title"> Popular Topik </h3> </div> <div class="widget-content"> </div></div>    <div class="widget Label" data-version="2" id="Label1"> <div class="widget-title"> <h3 class="title"> Kategori </h3> </div> <div class="widget-content list-label"> <ul> <li> <a class="label-name" href="/Business"> Business <span class="label-count">4</span> </a> </li> <li> <a class="label-name" href="/Economy" title="Economy"> Economy <span class="label-count">5</span> </a> </li> <li> <a class="label-name" href="/Lifestyle" title="Lifestyle"> Lifestyle <span class="label-count">5</span> </a> </li> <li> <a class="label-name" href="/Music" title="Music"> Music <span class="label-count">6</span> </a> </li> <li> <a class="label-name" href="/News" title="News"> News <span class="label-count">5</span> </a> </li> <li> <a class="label-name" href="/Shop" title="Shop"> Shop <span class="label-count">7</span> </a> </li> <li> <a class="label-name" href="/Technology" title="Technology"> Technology <span class="label-count">6</span> </a> </li> <li> <a class="label-name" href="/Video" title="Video"> Video <span class="label-count">6</span> </a> </li> </ul> </div> </div></div>   </aside> </div> </div> <div class="clr"></div> </div> </div> <div class="container"> <footer id="footer"> <div class="ftrWrp"> <div class="footer section" id="footer1" name="Footer Top"><div class="widget HTML" data-version="2" id="HTML6"> <div class="widget-content"> <div class="logo_footer"> <img alt="logo" class=" ls-is-cached lazyloaded" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBH1nRGx3gUudwQgO9C7Csye5XjOIkv0sS3EkUS77fy9jqCsDmQflwYHxGUEm0G0E2_KzRzNuUCTdA_huwmfNNI2SFVi2PXd9OPb_HDgMRlaq474X_Ws1NVkodwtfgxxyreoUPEaZdagsj4Yjpn4xz_bptrJzK4lKeTmuiFgMkxBVUXXhILJUTHsaocB33/s1558/ISTANA%20SUBASA%20logo%20panjang.png" width="214"> </div> </div> </div><div class="widget Text" data-version="2" id="Text1"> <div class="widget-content"> ini deskripsi website saya </div> </div><div class="widget LinkList" data-version="2" id="LinkList75"> <div class="widget-content"> <ul class="social-counter social"> <li class="facebook"><a href="#fb" rel="noopener nofollow" target="_blank" title="facebook"><span class="facebook"></span></a></li> <li class="x"><a href="#twitter" rel="noopener nofollow" target="_blank" title="x"><span class="x"></span></a></li> <li class="whatsapp"><a href="#whatsapp" rel="noopener nofollow" target="_blank" title="whatsapp"><span class="whatsapp"></span></a></li> <li class="instagram"><a href="#instagram" rel="noopener nofollow" target="_blank" title="instagram"><span class="instagram"></span></a></li> <li class="youtube"><a href="#youtube" rel="noopener nofollow" target="_blank" title="youtube"><span class="youtube"></span></a></li> <li class="tiktok"><a href="#tiktok" rel="noopener nofollow" target="_blank" title="tiktok"><span class="tiktok"></span></a></li> </ul> </div> </div></div> <div class="footer section" id="footer2" name="Footer Bottom"><div class="widget LinkList" data-version="2" id="LinkList1"> <div class="widget-title"> <h3 class="title"> Link </h3> </div> <div class="widget-content"> <ul> <li><a href="/disclaimer" title="Disclaimer">Disclaimer</a></li> <li><a href="/terms" title="Terms Of Use">Terms Of Use</a></li> <li><a href="/privacy-policy" title="Privacy Police">Privacy Police</a></li> <li><a href="/#kontak-kami" title="Contact us">Contact us</a></li> <li><a href="/#tentang" title="About us">About us</a></li> </ul> </div> </div></div> </div> </footer> <script> //MENU HP var btmenu = document.querySelector(".menushow"); var showmenu = document.querySelector(".menu"); btmenu.addEventListener("click", function() { if (showmenu.classList.contains("active")) { showmenu.classList.remove("active"); } else { showmenu.classList.add("active"); } }); var menuhide = document.querySelector(".menuhide"); menuhide.addEventListener("click", function() { showmenu.classList.remove("active"); }); //MENU HP </script> <div class="clr"></div> <div id="credit"> © Copyright <span id="autodate">2024</span> - <a href="/" title="Ini judul website saya">Ini judul website saya</a></div> <div class="backtop"><svg viewBox="0 0 24 24"> <path d="M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z" fill="#ffffff"></path> </svg></div> </div> <div class="clr"></div> <div id="add"> <div class="checkicon"></div>Added Successfully</div> <div class="gsmodal gs-effect"> <button class="gsclose"> <svg viewBox="0 0 512.000000 512.000000"><g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"> <path d="M395 5076 c-170 -41 -316 -188 -355 -356 -28 -120 -7 -261 54 -364 14 -23 419 -435 900 -916 l876 -875 -888 -890 c-956 -958 -930 -929 -967 -1070 -29 -115 -13 -234 47 -347 94 -177 315 -263 549 -214 140 30 103 -3 1054 947 484 483 885 879 890 879 5 0 406 -395 890 -879 816 -815 885 -881 945 -909 207 -96 457 -57 600 94 135 142 166 360 78 543 -29 61 -99 133 -927 958 l-896 891 871 874 c543 544 881 890 897 918 44 78 60 152 55 259 -6 115 -30 185 -93 269 -123 163 -346 232 -540 166 -111 -37 -161 -84 -1029 -953 l-850 -850 -875 872 c-941 936 -918 916 -1056 952 -69 18 -160 18 -230 1z"></path></g> </svg> </button> <div class="gscontent"> <form action="/search" class="search-form" role="search"> <input autocomplete="off" class="search-input" name="q" placeholder="Search..." required="required" type="search" value=""> <input name="results" type="hidden" value="all"> <button class="search-submit" type="submit" value=""><svg viewBox="0 0 256 256"><path d="M241.7,219.5l-47.2-47.2c11.8-16.2,19.2-38.4,19.2-60.5C213.7,55.7,168,9.9,111.9,9.9C55.8,9.9,10,55.7,10,111.8s45.8,101.8,101.8,101.8c22.1,0,42.8-7.4,60.5-19.2l47.2,47.3c3,3,7.4,4.4,10.3,4.4c3,0,7.4-1.5,10.3-4.4C247.6,235.7,247.6,226.9,241.7,219.5z M111.8,188.5c-42.8,0-76.7-34-76.7-76.8c0-42.8,34-76.8,76.7-76.8c42.8,0,76.8,34,76.8,76.8C188.6,154.6,154.7,188.5,111.8,188.5z"></path> </svg><span class="hiden_absolute">Search</span></button> </form> <p>Type above and press <em>Enter</em> to search.</p> </div> </div> <div class="gsoverlay"></div> <div id="div-gpt-ad-bottomfrm-placeholder"><style> #div-gpt-ad-bottomfrm-placeholder { position: fixed; width: 100%; bottom: 0; z-index: 9999; transition: bottom 0.1s; text-align: center; } #div-gpt-ad-bottomfrm-placeholder.shrink { bottom: 0 !important; } #div-gpt-ad-bola-bottomfrm-oop{ bottom: initial; } #div-gpt-ad-bottomfrm-placeholder #div-gpt-ad-bola-bottomfrm-oop{ margin-top: 10px; } #div-gpt-ad-bottomfrm-placeholder.shrink #div-gpt-ad-bola-bottomfrm-oop{ max-height: 0; min-height: 0; } #bottomframe-toggle { background: #878787; border-radius: 30px; padding: 6px 10px; font-size: 10px; line-height: 15px; color: #fff; font-weight: 700; cursor: pointer; } .toggle-img { width: 10px; } </style><span id="bottomframe-toggle">Close Ads</span> <div id="div-gpt-ad-bola-bottomfrm-oop" data-google-query-id="CLztkaSB-YcDFeZKnQkdcawPqQ" style="position: sticky; bottom: 0px; z-index: 9999;"> <div id="google_ads_melayang" style="border: 0pt none; margin: auto; text-align: center;"> <div class="adBn" data-height="90"> Special Ads </div> </div> </div> </div> <script> //IKLAN MELAYANG var closeads = document.querySelector("#bottomframe-toggle"); var seeads = document.querySelector("#div-gpt-ad-bottomfrm-placeholder"); closeads.addEventListener("click", function() { if (seeads.classList.contains("shrink")) { document.querySelector("#bottomframe-toggle").innerText = "Close Ads" seeads.classList.remove("shrink"); } else { document.querySelector("#bottomframe-toggle").innerText = "Show Ads" seeads.classList.add("shrink"); } }); //IKLAN MELAYANG </script> </body> </html>

Ini judul website saya

Your cart

embed google sheet in website

Table of Contents