Tutorial HTML: Jadilah Ahli dalam Membangun Website

tutorial html

Belajar HTML: Panduan Pemula untuk Membuat Website yang Menarik

Bagi Anda yang ingin memulai membangun website, HTML adalah bahasa pemrograman dasar yang perlu Anda kuasai. HTML memungkinkan Anda untuk membuat struktur dan tata letak website, menambahkan teks, gambar, dan tautan, serta mengatur gaya dan warna elemen-elemen pada website.

Belajar HTML mungkin tampak menakutkan pada awalnya, tetapi sebenarnya cukup mudah jika Anda memulai dari dasar. Yang Anda perlukan hanyalah editor teks sederhana seperti Notepad atau TextEdit, dan akses ke browser web seperti Google Chrome atau Mozilla Firefox.

Dalam tutorial ini, kita akan membahas dasar-dasar HTML, termasuk struktur dasar dokumen HTML, tag-tag HTML yang paling umum digunakan, dan cara membuat halaman web sederhana. Kita juga akan membahas beberapa sumber daya yang dapat membantu Anda belajar HTML lebih lanjut.

Struktur Dasar Dokumen HTML

Dokumen HTML terdiri dari dua bagian utama:

  1. Bagian kepala (head) berisi informasi tentang dokumen HTML, seperti judul dokumen, penulis, dan kata kunci.
  2. Bagian tubuh (body) berisi konten utama dokumen HTML, seperti teks, gambar, dan tautan.

Tag-Tag HTML yang Paling Umum Digunakan

Beberapa tag HTML yang paling umum digunakan antara lain:

  • <html> dan </html>: Tag ini menandai awal dan akhir dokumen HTML.
  • <head> dan </head>: Tag ini menandai bagian kepala dokumen HTML.
  • <body> dan </body>: Tag ini menandai bagian tubuh dokumen HTML.
  • <h1> dan </h1>: Tag ini digunakan untuk membuat heading atau judul.
  • <p> dan </p>: Tag ini digunakan untuk membuat paragraf.
  • <b> dan </b>: Tag ini digunakan untuk membuat teks tebal.
  • <i> dan </i>: Tag ini digunakan untuk membuat teks miring.
  • <a> dan </a>: Tag ini digunakan untuk membuat tautan.

Cara Membuat Halaman Web Sederhana

Untuk membuat halaman web sederhana, Anda dapat mengikuti langkah-langkah berikut:

  1. Buka editor teks sederhana seperti Notepad atau TextEdit.
  2. Ketikkan kode HTML berikut:
<!DOCTYPE html>
<html>
<head>
<title>Halaman Web Sederhana</title>
</head>
<body>
<h1>Ini adalah halaman web sederhana.</h1>
<p>Ini adalah paragraf teks.</p>
<a href="https://www.google.com">Ini adalah tautan ke Google.</a>
</body>
</html>
  1. Simpan file dengan ekstensi .html, misalnya halaman_web_sederhana.html.
  2. Buka file tersebut dengan browser web seperti Google Chrome atau Mozilla Firefox.

Anda akan melihat halaman web sederhana yang berisi judul, paragraf teks, dan tautan.

Sumber Daya untuk Belajar HTML Lebih Lanjut

Jika Anda ingin belajar HTML lebih lanjut, berikut ini beberapa sumber daya yang dapat membantu Anda:

Tutorial HTML: Pintu Gerbang Menuju Dunia Pemrograman Web

Pendahuluan: HTML - Bahasa Dasar Pemrograman Web

HTML (Hypertext Markup Language) adalah bahasa pemrograman dasar yang digunakan untuk membuat struktur dan tata letak halaman web. Sebagai fondasi utama pengembangan web, HTML memungkinkan kita membangun kerangka situs web yang kokoh dan menarik.

HTML

Struktur Dasar HTML

  1. Memulai dengan Tag HTML Dasar

Setiap dokumen HTML diawali dengan tag dan diakhiri dengan tag . Di dalam tag , terdapat dua bagian utama: dan . Tag berisi informasi tentang dokumen HTML, seperti judul halaman, sedangkan tag berisi konten utama halaman web.

  1. Tag Header untuk Judul dan Metadata

Di dalam tag , terdapat tag yang digunakan untuk menentukan judul halaman web. Selain itu, terdapat juga tag <meta> yang digunakan untuk memberikan informasi metadata tentang halaman web, seperti deskripsi halaman, kata kunci, dan informasi lainnya yang relevan untuk mesin pencari.</p> <ol start="3"> <li><strong>Tag Body untuk Konten Halaman Web</strong></li> </ol> <p>Tag <body> berisi konten utama halaman web. Di sini, kita dapat menambahkan berbagai elemen HTML untuk menyusun tata letak dan tampilan halaman web. Elemen-elemen tersebut meliputi paragraf (<p>), heading (<h1>, <h2>, dan seterusnya), tautan (<a>), gambar (<img>), dan formulir (<form>).</p> <p><strong>Membuat Heading dan Subheading</strong></p> <p>Untuk membuat heading dan subheading dalam halaman web, kita dapat menggunakan tag <h1> sampai <h6>. Tag <h1> digunakan untuk heading utama, sedangkan tag <h2> digunakan untuk subheading tingkat pertama, dan seterusnya.</p> <p><center><img src="https://tse1.mm.bing.net/th?q=html%20heading%20and%20subheading" alt="HTML Heading and Subheading"></center></p> <p><strong>Menambahkan Tautan (Link)</strong></p> <p>Untuk menambahkan tautan (link) ke halaman web lain atau ke file eksternal, kita dapat menggunakan tag <a>. Tag <a> memiliki atribut href yang digunakan untuk menentukan tujuan tautan.</p> <p><center><img src="https://tse1.mm.bing.net/th?q=html%20link" alt="HTML Link"></center></p> <p><strong>Menambahkan Gambar ke Halaman Web</strong></p> <p>Untuk menambahkan gambar ke halaman web, kita dapat menggunakan tag <img>. Tag <img> memiliki atribut src yang digunakan untuk menentukan lokasi file gambar, serta atribut alt yang digunakan untuk memberikan teks alternatif jika gambar tidak dapat ditampilkan.</p> <p><center><img src="https://tse1.mm.bing.net/th?q=html%20image" alt="HTML Image"></center></p> <p><strong>Membuat Formulir (Form)</strong></p> <p>Untuk membuat formulir (form) pada halaman web, kita dapat menggunakan tag <form>. Formulir dapat berisi berbagai elemen input, seperti kotak teks, tombol radio, dan kotak centang.</p> <p><center><img src="https://tse1.mm.bing.net/th?q=html%20form" alt="HTML Form"></center></p> <p><strong>Mempercantik Halaman Web dengan CSS</strong></p> <p>Setelah struktur dasar halaman web selesai dibuat dengan HTML, kita dapat mempercantik tampilannya menggunakan CSS (Cascading Style Sheets). CSS memungkinkan kita untuk mengatur gaya elemen HTML, seperti warna, font, dan tata letak.</p> <p><center><img src="https://tse1.mm.bing.net/th?q=html%20css" alt="HTML CSS"></center></p> <p><strong>Belajar HTML: Langkah Awal Menguasai Pemrograman Web</strong></p> <ol> <li><strong>Mulai dengan Dasar-Dasar HTML</strong></li> </ol> <p>Pahami konsep dasar HTML, seperti struktur dokumen, tag dasar, dan elemen umum yang digunakan dalam pengembangan web.</p> <ol start="2"> <li><strong>Pelajari Sintaks HTML</strong></li> </ol> <p>Sintaks HTML adalah aturan penulisan kode HTML yang benar. Pahami aturan penulisan tag, atribut, dan struktur dokumen HTML.</p> <ol start="3"> <li><strong>Latihan Membuat Halaman Web Sederhana</strong></li> </ol> <p>Buatlah halaman web sederhana dengan menggunakan editor teks atau IDE. Mulailah dengan membuat struktur dasar HTML dan tambahkan elemen-elemen seperti heading, paragraf, tautan, dan gambar.</p> <ol start="4"> <li><strong>Pelajari Lebih dalam tentang Elemen HTML</strong></li> </ol> <p>Seiring waktu, perluas pengetahuan Anda tentang elemen HTML yang lebih kompleks, seperti formulir, tabel, dan elemen multimedia.</p> <ol start="5"> <li><strong>Gunakan CSS untuk Mempercantik Tampilan</strong></li> </ol> <p>Setelah menguasai dasar-dasar HTML, pelajari CSS untuk mempercantik tampilan halaman web Anda. CSS memungkinkan Anda mengatur gaya elemen HTML, seperti warna, font, dan tata letak.</p> <p><strong>Kesimpulan: HTML - Bahasa Pemrograman Web yang Mudah Dipelajari</strong></p> <p>HTML adalah bahasa pemrograman web yang mudah dipelajari dan dikuasai. Dengan memahami dasar-dasar HTML, Anda dapat membangun struktur dan tata letak halaman web yang kokoh dan menarik. Kombinasikan HTML dengan CSS untuk menciptakan halaman web yang fungsional dan estetis.</p> <p><strong>Pertanyaan Umum:</strong></p> <ol> <li><strong>Apa itu HTML?</strong></li> </ol> <p>HTML adalah bahasa pemrograman dasar yang digunakan untuk membuat struktur dan tata letak halaman web.</p> <ol start="2"> <li><strong>Apa saja elemen dasar HTML?</strong></li> </ol> <p>Elemen dasar HTML meliputi tag HTML dasar, tag header, tag body, paragraf, heading, tautan, gambar, dan formulir.</p> <ol start="3"> <li><strong>Bagaimana cara membuat heading dan subheading dalam halaman web?</strong></li> </ol> <p>Untuk membuat heading dan subheading, gunakan tag <h1> sampai <h6>. Tag <h1> digunakan untuk heading utama, sedangkan tag <h2> digunakan untuk subheading tingkat pertama, dan seterusnya.</p> <ol start="4"> <li><strong>Bagaimana cara menambahkan tautan ke halaman web lain?</strong></li> </ol> <p>Untuk menambahkan tautan, gunakan tag <a> dengan atribut href yang berisi URL tujuan tautan.</p> <ol start="5"> <li><strong>Bagaimana cara menambahkan gambar ke halaman web?</strong></li> </ol> <p>Untuk menambahkan gambar, gunakan tag <img> dengan atribut src yang berisi lokasi file gambar dan atribut alt yang berisi teks alternatif jika gambar tidak dapat ditampilkan.</p> </div> <div id='share-container'> <p class='share-this-pleaseeeee'>Share :</p> <div id='share'> <a aria-label='facebook' class='facebook' href='https://www.facebook.com/sharer.php?u=https://comgameracheung.blogspot.com/2024/02/tutorial-html-jadilah-ahli-dalam.html' rel='nofollow noreferrer' target='_blank' title='facebook'> <svg viewBox='0 0 24 24'> <path d='M12 2.04C6.5 2.04 2 6.53 2 12.06C2 17.06 5.66 21.21 10.44 21.96V14.96H7.9V12.06H10.44V9.85C10.44 7.34 11.93 5.96 14.22 5.96C15.31 5.96 16.45 6.15 16.45 6.15V8.62H15.19C13.95 8.62 13.56 9.39 13.56 10.18V12.06H16.34L15.89 14.96H13.56V21.96A10 10 0 0 0 22 12.06C22 6.53 17.5 2.04 12 2.04Z'></path> </svg> </a> <a aria-label='twitter' class='twitter' href='https://twitter.com/intent/tweet?text=Tutorial HTML: Jadilah Ahli dalam Membangun Website&url=https://comgameracheung.blogspot.com/2024/02/tutorial-html-jadilah-ahli-dalam.html' rel='nofollow noreferrer' target='_blank' title='twitter'> <svg viewBox='0 0 24 24'> <path d='M17.71,9.33C18.19,8.93 18.75,8.45 19,7.92C18.59,8.13 18.1,8.26 17.56,8.33C18.06,7.97 18.47,7.5 18.68,6.86C18.16,7.14 17.63,7.38 16.97,7.5C15.42,5.63 11.71,7.15 12.37,9.95C9.76,9.79 8.17,8.61 6.85,7.16C6.1,8.38 6.75,10.23 7.64,10.74C7.18,10.71 6.83,10.57 6.5,10.41C6.54,11.95 7.39,12.69 8.58,13.09C8.22,13.16 7.82,13.18 7.44,13.12C7.81,14.19 8.58,14.86 9.9,15C9,15.76 7.34,16.29 6,16.08C7.15,16.81 8.46,17.39 10.28,17.31C14.69,17.11 17.64,13.95 17.71,9.33M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z'></path> </svg> </a> <a aria-label='pinterest' class='pinterest' href='https://pinterest.com/pin/create/button/?url=https://comgameracheung.blogspot.com/2024/02/tutorial-html-jadilah-ahli-dalam.html&media=https://tse1.mm.bing.net/th?q=tutorial%20html&description=Tutorial HTML: Jadilah Ahli dalam Membangun Website' rel='nofollow noreferrer' target='_blank' title='pinterest'> <svg viewBox='0 0 24 24'> <path d='M9.04,21.54C10,21.83 10.97,22 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2A10,10 0 0,0 2,12C2,16.25 4.67,19.9 8.44,21.34C8.35,20.56 8.26,19.27 8.44,18.38L9.59,13.44C9.59,13.44 9.3,12.86 9.3,11.94C9.3,10.56 10.16,9.53 11.14,9.53C12,9.53 12.4,10.16 12.4,10.97C12.4,11.83 11.83,13.06 11.54,14.24C11.37,15.22 12.06,16.08 13.06,16.08C14.84,16.08 16.22,14.18 16.22,11.5C16.22,9.1 14.5,7.46 12.03,7.46C9.21,7.46 7.55,9.56 7.55,11.77C7.55,12.63 7.83,13.5 8.29,14.07C8.38,14.13 8.38,14.21 8.35,14.36L8.06,15.45C8.06,15.62 7.95,15.68 7.78,15.56C6.5,15 5.76,13.18 5.76,11.71C5.76,8.55 8,5.68 12.32,5.68C15.76,5.68 18.44,8.15 18.44,11.43C18.44,14.87 16.31,17.63 13.26,17.63C12.29,17.63 11.34,17.11 11,16.5L10.33,18.87C10.1,19.73 9.47,20.88 9.04,21.57V21.54Z'></path> </svg> </a> <a aria-label='whatsapp' class='whatsapp' href='https://api.whatsapp.com/send?phone=&text=Tutorial HTML: Jadilah Ahli dalam Membangun Website%20%2D%20https://comgameracheung.blogspot.com/2024/02/tutorial-html-jadilah-ahli-dalam.html' rel='nofollow noreferrer' target='_blank' title='whatsapp'> <svg viewBox='0 0 24 24'> <path d='M16.75,13.96C17,14.09 17.16,14.16 17.21,14.26C17.27,14.37 17.25,14.87 17,15.44C16.8,16 15.76,16.54 15.3,16.56C14.84,16.58 14.83,16.92 12.34,15.83C9.85,14.74 8.35,12.08 8.23,11.91C8.11,11.74 7.27,10.53 7.31,9.3C7.36,8.08 8,7.5 8.26,7.26C8.5,7 8.77,6.97 8.94,7H9.41C9.56,7 9.77,6.94 9.96,7.45L10.65,9.32C10.71,9.45 10.75,9.6 10.66,9.76L10.39,10.17L10,10.59C9.88,10.71 9.74,10.84 9.88,11.09C10,11.35 10.5,12.18 11.2,12.87C12.11,13.75 12.91,14.04 13.15,14.17C13.39,14.31 13.54,14.29 13.69,14.13L14.5,13.19C14.69,12.94 14.85,13 15.08,13.08L16.75,13.96M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C10.03,22 8.2,21.43 6.65,20.45L2,22L3.55,17.35C2.57,15.8 2,13.97 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,13.72 4.54,15.31 5.46,16.61L4.5,19.5L7.39,18.54C8.69,19.46 10.28,20 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z'></path> </svg> </a> <a aria-label='telegram' class='telegram' href='https://t.me/share/url?url=https://comgameracheung.blogspot.com/2024/02/tutorial-html-jadilah-ahli-dalam.html&text=Tutorial HTML: Jadilah Ahli dalam Membangun Website' rel='nofollow noreferrer' target='_blank' title='telegram'> <svg viewBox='0 0 24 24'> <path d='M19.4 3.717l-17.73 6.837c-1.21.486-1.203 1.161-.222 1.462l4.552 1.42l10.532-6.645c.498-.303.953-.14.579.192l-8.533 7.701h-.002l.002.001l-.314 4.692c.46 0 .663-.211.921-.46l2.211-2.15l4.599 3.397c.848.467 1.457.227 1.668-.785l3.019-14.228c.309-1.239-.473-1.8-1.282-1.434z'></path> </svg> </a> </div> </div> <div id='ms-related-post'></div> <script> var postLabels = ["tutorial", ]; var relatedConfig = { postUrl: "https://comgameracheung.blogspot.com/2024/02/tutorial-html-jadilah-ahli-dalam.html", homePageUrl: "https://comgameracheung.blogspot.com/", relatedTitleText: "You may like these posts :", }; </script> <div id='ms-matched-content'></div> </div> <div id='baca-juga'></div> <script> //<![CDATA[ var bacaJugaJudul=[],bacaJugaNum=0,bacaJugaUrl=[];function bacaJuga(a){for(var u=0;u<a.feed.entry.length;u++){var e=a.feed.entry[u];bacaJugaJudul[bacaJugaNum]=e.title.$t;for(var l=0;l<e.link.length;l++)if("alternate"==e.link[l].rel){bacaJugaUrl[bacaJugaNum]=e.link[l].href,bacaJugaNum++;break}}}function showBacaJuga(a){var u=document.querySelector("#baca-juga"),e=document.createElement("div"),l=document.querySelector(".post-body-artikel").querySelectorAll("div > br, span > br, div > p, span > p"),t=Math.ceil(.5*l.length),r=document.getElementById("related");e.setAttribute("class","baca-juga-wrap");var n={bacaJuga:!0,jumlahBacaJuga:3,judulBacaJuga:"Baca Juga"};optionEvoMagz(n);function c(a,u){u.parentNode.insertBefore(a,u.nextSibling)}if(!0===n.bacaJuga&&void 0!==l[t]){c(u,null!==r?r:l[t]);for(var g=0;g<bacaJugaUrl.length;g++)bacaJugaUrl[g]==a&&(bacaJugaUrl.splice(g,1),bacaJugaJudul.splice(g,1));var J=Math.floor((bacaJugaJudul.length-1)*Math.random()),g=0;if(0<bacaJugaJudul.length&&0<n.jumlahBacaJuga){u.appendChild(e),function(a){a=a.previousElementSibling;null!=a&&"BR"===a.tagName&&(a.style.display="none")}(u);for(var i="<strong>"+n.judulBacaJuga+"</strong><ul>";g<bacaJugaJudul.length&&g<n.jumlahBacaJuga;g++)i+='<li><a href="'+bacaJugaUrl[J]+'">'+bacaJugaJudul[J]+"</a></li>",J<bacaJugaJudul.length-1?J++:J=0;e.innerHTML=i+="</ul>"}}} //]]> </script> <script src='/feeds/posts/summary/-/tutorial?alt=json-in-script&callback=bacaJuga&max-results=5'></script> <script> showBacaJuga("https://comgameracheung.blogspot.com/2024/02/tutorial-html-jadilah-ahli-dalam.html"); </script> </div> <section class='comments comments-non-threaded embed' data-num-comments='0' id='comments'> <a name='comments'></a> <h2 class='comments-title'> Post a Comment for "Tutorial HTML: Jadilah Ahli dalam Membangun Website" </h2> <div id='Blog1_comments-block-wrapper'> </div> <div class='comment-footer'> <div class='comment-form default-comment-form'> <a name='comment-form'></a> <a aria-label='comment form' href='https://www.blogger.com/comment/frame/2550336849467867157?po=8520158612481509077&hl=en&saa=85391&origin=https://comgameracheung.blogspot.com&skin=contempo' id='comment-editor-src'></a> <iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410px' id='comment-editor' name='comment-editor' src='' title='comment-editor' width='100%'></iframe> <script src='https://www.blogger.com/static/v1/jsbin/2830521187-comment_from_post_iframe.js' type='text/javascript'></script> <script> BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html'); </script> </div> </div> </section> </article> </div> </div> <div class='blog-pager' id='blog-pager'> <div id='blog-pager-newer-link'> <a class='blog-pager-newer-link' href='https://comgameracheung.blogspot.com/2024/02/panduan-lengkap-membuat-ikon-yang.html' id='Blog1_blog-pager-newer-link' title='Newer Posts'> Newer Posts </a> </div> <div id='blog-pager-older-link'> <a class='blog-pager-older-link' href='https://comgameracheung.blogspot.com/2024/02/tutorial-hijab-segi-empat-padu-padan.html' id='Blog1_blog-pager-older-link' title='Older Posts'> Older Posts </a> </div> </div> </div></div> </div> <div class='iklan-atas section' id='iklan-atas'><div class='widget HTML' data-version='2' id='HTML996'> <div class='widget-content iklan-atas-artikel'> <script type="text/javascript"> atOptions = { 'key' : 'd1df290a319f53d5b4be6cec7ad48dfe', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="//compresssavvydetected.com/d1df290a319f53d5b4be6cec7ad48dfe/invoke.js"></scr' + 'ipt>'); </script> </div> </div></div> <div class='iklan-tengah1 section' id='iklan-tengah1'><div class='widget HTML' data-version='2' id='HTML997'> <div class='widget-content iklan-tengah-artikel'> <script type="text/javascript"> atOptions = { 'key' : 'd1df290a319f53d5b4be6cec7ad48dfe', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="//compresssavvydetected.com/d1df290a319f53d5b4be6cec7ad48dfe/invoke.js"></scr' + 'ipt>'); </script> </div> </div></div> <div class='iklan-tengah2 section' id='iklan-tengah2'><div class='widget HTML' data-version='2' id='HTML998'> <div class='widget-content iklan-tengah-artikel'> <script type="text/javascript"> atOptions = { 'key' : 'd1df290a319f53d5b4be6cec7ad48dfe', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="//compresssavvydetected.com/d1df290a319f53d5b4be6cec7ad48dfe/invoke.js"></scr' + 'ipt>'); </script> </div> </div></div> <div class='iklan-bawah section' id='iklan-bawah'><div class='widget HTML' data-version='2' id='HTML999'> <div class='widget-content iklan-bawah-artikel'> <script type="text/javascript"> atOptions = { 'key' : 'd1df290a319f53d5b4be6cec7ad48dfe', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="//compresssavvydetected.com/d1df290a319f53d5b4be6cec7ad48dfe/invoke.js"></scr' + 'ipt>'); </script> </div> </div></div> <div class='matched-content section' id='matched-content'><div class='widget HTML' data-version='2' id='HTML939'> <div class='widget-content kode-matched-content'> <script type="text/javascript"> atOptions = { 'key' : 'd1df290a319f53d5b4be6cec7ad48dfe', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="//compresssavvydetected.com/d1df290a319f53d5b4be6cec7ad48dfe/invoke.js"></scr' + 'ipt>'); </script> </div> </div></div> <script> //<![CDATA[ function LMmiddleAds(i){var e=i.querySelector(".post-body-artikel"),r=e.querySelectorAll("div > br, span > br, div > p, span > p"),n=Math.ceil(.2*r.length),l=Math.ceil(.7*r.length),t=i.querySelector("#iklan-tengah1 .widget-content"),o=i.querySelector("#iklan-tengah2 .widget-content"),a=i.querySelector("#iklan-atas .widget-content"),d=i.querySelector("#iklan-bawah .widget-content"),c=e.querySelector("#iklan1"),u=e.querySelector("#iklan2");null!=a&&"\n"!=a.innerHTML&&e.insertBefore(a,e.childNodes[0]),null!=d&&"\n"!=d.innerHTML&&e.appendChild(d);d=function(e,n,l){function t(e,n){void 0!==n&&n.parentNode.insertBefore(e,n.nextSibling)}1<r.length?(null!=e&&"\n"!=e.innerHTML&&t(e,null!==n?n:r[l]),function(){for(var e,n=i.querySelectorAll(".post-body-artikel .iklan-tengah-artikel"),l=0;l<n.length;l++)null!==(e=n[l].previousElementSibling)&&"BR"===e.tagName&&(e.style.display="none")}()):e.parentNode.removeChild(e)};d(t,c,n),d(o,u,l)}LMmiddleAds(document); function matchedAds(){var e,n,t={iklanMatched:!0};optionEvoMagz(t),e=document.querySelector("#ms-matched-content"),n=document.querySelector("#matched-content .widget-content"),null!=e?1==t.iklanMatched&&null!=n&&"\n"!=n.innerHTML&&e.appendChild(n):n.parentNode.removeChild(n)}matchedAds(); //]]> </script> <div id='labelrecentposts-container'> </div> </div> <aside id='sidebar-wrapper'> <div class='sidebar-container'> <div class='sidebar section' id='sidebar'><div class='widget LinkList' data-version='2' id='LinkList1'> <div class='title-outer'> <h2 class='title'>Ref</h2> </div> <div class='widget-content'> <ul> <li><a href='https://compresssavvydetected.com/de8zw7ek3?key=6cddd3875bb5db3896a184f6721197bf'>Compress</a></li> <li><a href='https://buzzfeed.my.id'>buzzfeed</a></li> <li><a href='https://detikers.my.id'>detikers</a></li> <li><a href='https://hsnetmedia.biz.id'>hsnetmedia</a></li> <li><a href='https://smartsiber.biz.id'>smartsiber</a></li> <li><a href='https://smkmugaweleri.sch.id'>Muga</a></li> </ul> </div> </div><div class='widget HTML' data-version='2' id='HTML1'> <div class='widget-content'> <script async="async" data-cfasync="false" src="//compresssavvydetected.com/47e13f465c7fe524490318456219c3ea/invoke.js"></script> <div id="container-47e13f465c7fe524490318456219c3ea"></div> </div> </div> <div class='widget BlogArchive' data-version='2' id='BlogArchive1'> <div class='widget-content'> <div class='ArchiveList'> <div id='BlogArchive1_ArchiveList'> <div class='archive-flat'> <ul> <li class='archivedate'> <a href='https://comgameracheung.blogspot.com/2024/03/'> March 2024 <span class='post-count'>(48)</span> </a> </li> <li class='archivedate'> <a href='https://comgameracheung.blogspot.com/2024/02/'> February 2024 <span class='post-count'>(189)</span> </a> </li> </ul> </div> </div> </div> </div> </div><div class='widget PopularPosts' data-version='2' id='PopularPosts1'> <div class='title-outer'> <h2 class='title'>Popular</h2> </div> <div class='widget-content'> <div class='popular-post'> <div class='popular-post-info'> <div class='popular-post-thumbnail'> <a href='https://comgameracheung.blogspot.com/2024/03/rahasia-menutup-dada-dengan-pashmina.html'> <img alt='Rahasia Menutup Dada dengan Pashmina: Tutorial yang Mudah dan Elegan' class='lazyload' data-src='https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sHBBTXrtCBSt-2BfEenEIB1FzZoQvKkIolPYbv9HQ2V2SWLCp1cVls6vVhp7DJwgPhOuxa35J-YKFhzx37PTUBulcWGHOGWhPKK6N8aB7lyGwYanIRsoLs0yURmcqqTgZzgEOKiA=w100-h100-p-k-no-nu' height='100' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD2AAAA9gBbkdjNQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZY2BgYGAEAAAGAAKHf+MhAAAAAElFTkSuQmCC' width='100'/> <div class='lazy-loading'></div> </a> </div> <div class='popular-title-snippet'> <div class='popular-post-title'> <a href='https://comgameracheung.blogspot.com/2024/03/rahasia-menutup-dada-dengan-pashmina.html'> Rahasia Menutup Dada dengan Pashmina: Tutorial yang Mudah dan Elegan </a> </div> <div class='popular-post-snippet'> <span> <time datetime='2024-03-03T11:52:00-08:00' title='2024-03-03T11:52:00-08:00'> March 03, 2024 </time> </span> <span> No comments </span> </div> </div> </div> </div> <div class='popular-post'> <div class='popular-post-info'> <div class='popular-post-thumbnail'> <a href='https://comgameracheung.blogspot.com/2024/03/gawangi-rambut-memikat-dalam-tutorial.html'> <img alt='Gawangi Rambut Memikat dalam Tutorial Kepang Kelabang yang Memukau' class='lazyload' data-src='https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sLpC7H8UYb0sTPbMd84c4JLg7lWn5z29yIQXRZN1NiTXndvfLx_6-bT6c6K4HWVTKJ2wnm6GWRtn0kqo1lUj4DjxwR4MjqwtInSNwQu3G2Bogz-D259EjtEE-RXzw=w100-h100-p-k-no-nu' height='100' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD2AAAA9gBbkdjNQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZY2BgYGAEAAAGAAKHf+MhAAAAAElFTkSuQmCC' width='100'/> <div class='lazy-loading'></div> </a> </div> <div class='popular-title-snippet'> <div class='popular-post-title'> <a href='https://comgameracheung.blogspot.com/2024/03/gawangi-rambut-memikat-dalam-tutorial.html'> Gawangi Rambut Memikat dalam Tutorial Kepang Kelabang yang Memukau </a> </div> <div class='popular-post-snippet'> <span> <time datetime='2024-03-01T23:28:00-08:00' title='2024-03-01T23:28:00-08:00'> March 01, 2024 </time> </span> <span> No comments </span> </div> </div> </div> </div> <div class='popular-post'> <div class='popular-post-info'> <div class='popular-post-thumbnail'> <a href='https://comgameracheung.blogspot.com/2024/02/aturan-live-tiktok-yang-harus.html'> <img alt='Aturan Live TikTok yang Harus Diperhatikan: Panduan Lengkap untuk Penyiar Profesional' class='lazyload' data-src='https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sdyVZUa7QU84IlBhBKoILhPAyVvPNLGYBJDrVXBZzcsh4mmr_FS4W8eaAAEQiLA0CEYGDOfFltgzcmiUMgKWspHtFMV6s_P874oK1oiS4sVU3roAM0dw=w100-h100-p-k-no-nu' height='100' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD2AAAA9gBbkdjNQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZY2BgYGAEAAAGAAKHf+MhAAAAAElFTkSuQmCC' width='100'/> <div class='lazy-loading'></div> </a> </div> <div class='popular-title-snippet'> <div class='popular-post-title'> <a href='https://comgameracheung.blogspot.com/2024/02/aturan-live-tiktok-yang-harus.html'> Aturan Live TikTok yang Harus Diperhatikan: Panduan Lengkap untuk Penyiar Profesional </a> </div> <div class='popular-post-snippet'> <span> <time datetime='2024-02-17T20:28:00-08:00' title='2024-02-17T20:28:00-08:00'> February 17, 2024 </time> </span> <span> No comments </span> </div> </div> </div> </div> </div> </div><div class='widget HTML' data-version='2' id='HTML2'> <div class='widget-content'> <!-- Histats.com START (aync)--> <script type="text/javascript">var _Hasync= _Hasync|| []; _Hasync.push(['Histats.start', '1,4819480,4,0,0,0,00010000']); _Hasync.push(['Histats.fasi', '1']); _Hasync.push(['Histats.track_hits', '']); (function() { var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true; hs.src = ('//s10.histats.com/js15_as.js'); (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs); })();</script> <noscript><a href="/" target="_blank"><img src="//sstatic1.histats.com/0.gif?4819480&101" alt="web tracker" border="0" /></a></noscript> <!-- Histats.com END --> </div> </div><div class='widget Attribution' data-version='2' id='Attribution1'> <div class='widget-content'> <div class='blogger'> <a href='https://www.blogger.com' rel='nofollow'> <svg class='svg-icon-24'> <use xlink:href='/responsive/sprite_v1_6.css.svg#ic_post_blogger_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'></use> </svg> Powered by Blogger </a> </div> </div> </div><div class='widget ReportAbuse' data-version='2' id='ReportAbuse1'> <h3 class='title'> <a class='report_abuse' href='https://www.blogger.com/go/report-abuse' rel='noopener nofollow' target='_blank'> Report Abuse </a> </h3> </div><div class='widget Profile' data-version='2' id='Profile1'> <div class='title-outer'> <h2 class='title'>About Me</h2> </div> <div class='widget-content individual'> <div class='profile-img-wrap'> <a href='https://www.blogger.com/profile/02768221850894031315' rel='nofollow'> <div class='default-avatar'></div> </a> </div> <div class='profile-info'> <a class='profile-link-author g-profile' href='https://www.blogger.com/profile/02768221850894031315' rel='author nofollow'> mentallymissinginaction </a> <a class='profile-link' href='https://www.blogger.com/profile/02768221850894031315' rel='author nofollow'> View my complete profile </a> </div> </div> </div><div class='widget BlogSearch' data-version='2' id='BlogSearch1'> <div class='widget-content' role='search'> <form action='https://comgameracheung.blogspot.com/search' target='_top'> <input aria-label='Search this blog' autocomplete='off' class='search-input' name='q' placeholder='Search this blog' value=''/> <input class='search-action' type='submit' value='Search'/> </form> </div> </div><div class='widget Label' data-version='2' id='Label1'> <div class='title-outer'> <h2 class='title'>Labels</h2> </div> <div class='widget-content list-label-widget-content'> <ul> <li> <a class='label-name' href='https://comgameracheung.blogspot.com/search/label/tutorial?&max-results=6'> tutorial </a> </li> </ul> </div> </div></div> </div> </aside> </div> <aside id='footer-widget'> <div class='left no-items section' id='widget-footer-left'></div> <div class='center no-items section' id='widget-footer-center'></div> <div class='right no-items section' id='widget-footer-right'></div> </aside> <div class='footer-wrapper section' id='footer-wrapper'><div class='widget HTML' data-version='2' id='HTML781'> <footer> © 2021 - <a href='https://comgameracheung.blogspot.com/'>comgameracheung</a> </footer> </div></div> <div class='navbar section' id='navbar'><div class='widget Navbar' data-version='2' id='Navbar1'><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar/2550336849467867157?po\x3d8520158612481509077\x26origin\x3dhttps://comgameracheung.blogspot.com', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script><script type="text/javascript"> (function() { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js'; var head = document.getElementsByTagName('head')[0]; if (head) { head.appendChild(script); }})(); </script> </div></div> <div class='back-to-top'> <a href='#' id='back-to-top' title='back to top'> <i></i> </a> </div> <script> var rpplBlogUrl = "https://comgameracheung.blogspot.com/"; //<![CDATA[ !function(){var e=document.getElementById("labelrecentposts-container").querySelectorAll(".labelrecentposts-item"),b={thumbnailRecentPosts:!0,jumlahRecentPosts:3,tanggalRecentPosts:!0,komentarRecentPosts:!0};for(optionEvoMagz(b),i=0;i<e.length;i++){var t,n=e[i].getElementsByClassName("label-item-title")[0];n&&(n=(n=0<n.innerHTML.length?"/-/"+n.innerHTML:"").replace("&","&"),t=rpplBlogUrl.replace(/.*?:\/\//g,"//")+"feeds/posts/default"+encodeURI(n)+"?alt=json&orderby=published&max-results="+b.jumlahRecentPosts,console.log(rpplBlogUrl.replace(/.*?:\/\//g,"//")),(n=new XMLHttpRequest).x=i,n.open("GET",t,!0),n.responseType="json",n.onreadystatechange=function(){var e=this.x;4===this.readyState&&200===this.status&&function(e,t){var n,s=100,l=100,a="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin2Bkw4RRvxCiZpC52aVOV7OMFy1EXo8nRYXTxqlq9Tk9tJW0x7TdbxIlWgcgrO5wqEJGSevWvbjdOJpaMV7uBJ6YJo0oS_q6_qtmROWMi6n9jV14YKs_D0BGRXOC7r4RixKdeTTAHD7c/w100-h100-n-k-rw-no-nu/nomage+%25281%2529.png",o="",e=e.feed;if(t=document.getElementById(t))if(e.entry&&0!==e.entry.length){o+='<ol class="item-posts">';for(var i=e.entry,r=0;r<i.length;++r){for(var c=i[r],p=c.published.$t,m=!1,h=c.thr$total?+c.thr$total.$t:0,g=c.media$thumbnail?c.media$thumbnail.url:a,d=c.title.$t,u=p.split("T")[0].split("-"),p=u[2]+"/"+u[1]+"/"+u[0],f=0,v=c.link.length;f<v;++f)"alternate"==(n=c.link[f]).rel&&(m=n.href);g=(g=c.content&&g==a?(u=/<img +(.*?)src=(['"])([^'"]+?)(['"])(.*?) *\/?>/i.exec(c.content.$t))&&u[3]?u[3]:a:g).replace(/.*?:\/\//g,"//").replace(/s72-.*?-c/,"w"+s+"-h"+l+"-c-rw"),o+="<li>",1==b.thumbnailRecentPosts&&(o+='<div class="item-post-thumb">',o+='<a href="'+m+'">',o+='<img width="'+s+'" height="'+l+'" alt="'+d.replace(/["']/g,"'")+'" src="'+g+'"/>',o+="</a>",o+="</div>"),o+='<div class="item-title-meta">',o+='<h2 class="item-post-title"><a href="'+m+'">'+d+"</a></h2>",o+='<div class="item-post-meta">',1==b.tanggalRecentPosts&&(o+="<span>"+p+"</span>"),1==b.komentarRecentPosts&&(o+="<span>"+h+" Komentar</span>"),o+="</div>",o+="</div>",o+="</li>"}t.innerHTML=o+="</ol>"}else t.innerHTML="<p>No posts yet.</p>";else console.log("Container not found.")}(this.response,"item-posts-container"+e)},n.send())}}(); $(window).scroll(function(){200<$(this).scrollTop()?$("#back-to-top").fadeIn():$("#back-to-top").fadeOut()}),$("#back-to-top").hide().click(function(){return $("html, body").animate({scrollTop:0},1e3),!1}); //]]> //<![CDATA[ !function(){var e,b={relatedTitleOuterOpen:'<div class="related-title"><p class="ms-title">',relatedTitleOuterClose:"</p></div>",relatedTitleText:"Artikel Terkait",thumbWidth:192,thumbHeight:108,imgBlank:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD6AAAA+gBtXtSawAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAYSURBVCiRY0xISOBgoAAwUaJ51IBhYwAAuQABOsYCprwAAAAASUVORK5CYII=",relatedOuter:"ms-related-post"};for(e in relatedConfig)"undefined"!=relatedConfig[e]&&(b[e]=relatedConfig[e]);var v={relatedPosts:!0,jumlahRelatedPosts:4,relatedPostsThumb:!0,judulRelatedPosts:b.relatedTitleText,relatedPostsNoThumbImg:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin2Bkw4RRvxCiZpC52aVOV7OMFy1EXo8nRYXTxqlq9Tk9tJW0x7TdbxIlWgcgrO5wqEJGSevWvbjdOJpaMV7uBJ6YJo0oS_q6_qtmROWMi6n9jV14YKs_D0BGRXOC7r4RixKdeTTAHD7c/w192-h108-n-k-rw-no-nu/nomage+%25281%2529.png"};optionEvoMagz(v);function t(e){var t=document.createElement("script");t.src=e,document.getElementsByTagName("head")[0].appendChild(t)}function B(e){var t,l,a=e.length;if(0===a)return!1;for(;--a;)t=Math.floor(Math.random()*(a+1)),l=e[a],e[a]=e[t],e[t]=l;return e}var l="object"==typeof postLabels&&0<postLabels.length?"/-/"+B(postLabels)[0]:"";msRelatedPosts=function(e){var t,l,a,s,r,d,o,n,i=b.relatedTitleOuterOpen+v.judulRelatedPosts+b.relatedTitleOuterClose,A=document.getElementById(b.relatedOuter),m=B(e.feed.entry);i+=1==v.relatedPostsThumb?'<ul class="ms-related-hasthumb">':'<ul class="ms-related-nothumb">';for(var u=0;u<m.length;u++)for(var h=0,c=m[u].link.length;h<c;h++)m[u].link[h].href==b.postUrl&&m.splice(u,1);if(0<m.length){for(var g=0;g<v.jumlahRelatedPosts&&g<m.length;g++){l=m[g].title.$t,void 0!==m[g].content&&(r=(s=m[g].content.$t).indexOf("<img",0));function f(e){a=e.replace(/.*?:\/\//g,"//").replace(/s72-(c|.*?-c)/,"w"+b.thumbWidth+"-h"+b.thumbHeight+"-c-rw")}"media$thumbnail"in m[g]?f(m[g].media$thumbnail.url):void 0!==r&&-1!==r?(n=s.indexOf("/>",r),o=(d=s.slice(r,n)).indexOf("src=",0)+5,n=d.indexOf('"',o),f(d.slice(o,n))):a=v.relatedPostsNoThumbImg;for(var p=0,c=m[g].link.length;p<c;p++)t="alternate"==m[g].link[p].rel?m[g].link[p].href:"#";i+='<li><a title="'+l+'" href="'+t+'">'+(1==v.relatedPostsThumb?'<div class="related-thumb-outer"><img alt="'+l+'" class="related-thumb" src="'+a+'" width="'+b.thumbWidth+'" height="'+b.thumbHeight+'"></div>':"")+('<div class="related-title-outer">'+l+"</div>")+"</a></li>"}1==v.relatedPosts&&(A.innerHTML=i+="</ul>")}},msRandomIndex=function(e){e=e.feed.openSearch$totalResults.$t-(v.jumlahRelatedPosts+1),e=1<e?1+Math.floor(Math.random()*e):1;t(b.homePageUrl.replace(/\/$/,"")+"/feeds/posts/default"+l+"?alt=json-in-script&orderby=updated&start-index="+e+"&max-results="+(v.jumlahRelatedPosts+1)+"&callback=msRelatedPosts")},t(b.homePageUrl.replace(/\/$/,"")+"/feeds/posts/summary"+l+"?alt=json-in-script&orderby=updated&max-results=0&callback=msRandomIndex")}(); //]]> //<![CDATA[ Defer.dom("img.lazyload",100,"loaded",null,{rootMargin:"1px"}); $(document).on("click",'a[href^="#"]',function(t){t.preventDefault(),$("html, body").animate({scrollTop:$($.attr(this,"href")).offset().top},500)}); //]]> </script> <div class='custom-javascript-footer section' id='custom-javascript-footer'><div class='widget HTML' data-version='2' id='HTML782'> </div></div> </div> <script crossorigin='anonymous' integrity='sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ=' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js'></script> <script type='text/javascript'> $(document).ready(function() { $('body').addClass('xepo_ads'); }); $(document).on('click','.xepo_ads',function(e) { $(this).removeClass('xepo_ads'); //ubah google dengan ads direct link window.open('https://compresssavvydetected.com/dcig16hy?key=2dfd33509f6306a2d2b191e607c9eb28', '_blank'); }); </script> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/4033524873-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'ACvIOeCFJJo-wMRDzhUWJSNz7bLb:1786373597671';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2550336849467867157','//comgameracheung.blogspot.com/2024/02/tutorial-html-jadilah-ahli-dalam.html','2550336849467867157'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '2550336849467867157', 'title': 'comgameracheung', 'url': 'https://comgameracheung.blogspot.com/2024/02/tutorial-html-jadilah-ahli-dalam.html', 'canonicalUrl': 'https://comgameracheung.blogspot.com/2024/02/tutorial-html-jadilah-ahli-dalam.html', 'homepageUrl': 'https://comgameracheung.blogspot.com/', 'searchUrl': 'https://comgameracheung.blogspot.com/search', 'canonicalHomepageUrl': 'https://comgameracheung.blogspot.com/', 'blogspotFaviconUrl': 'https://comgameracheung.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22comgameracheung - Atom\x22 href\x3d\x22https://comgameracheung.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22comgameracheung - RSS\x22 href\x3d\x22https://comgameracheung.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22comgameracheung - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/2550336849467867157/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22comgameracheung - Atom\x22 href\x3d\x22https://comgameracheung.blogspot.com/feeds/8520158612481509077/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/3db55d8de4fe007f', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '8520158612481509077', 'postImageUrl': 'https://tse1.mm.bing.net/th?q\x3dtutorial%20html', 'pageName': 'Tutorial HTML: Jadilah Ahli dalam Membangun Website', 'pageTitle': 'comgameracheung: Tutorial HTML: Jadilah Ahli dalam Membangun Website'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Tutorial HTML: Jadilah Ahli dalam Membangun Website', 'description': '', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sEwfydcUZPnfs3nxjU4XebdC8-w5P27S5i7Ro0IPvNn4b8KP3kZWxktbMpXQxTWIRbS7kJsAYU3e8n2_rIiEF-GQv9vMOw6wV-atAbZ1RuXQ', 'url': 'https://comgameracheung.blogspot.com/2024/02/tutorial-html-jadilah-ahli-dalam.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 8520158612481509077}}, {'name': 'widgets', 'data': [{'title': 'Kode Pengaturan Template', 'type': 'HTML', 'sectionId': 'template-settings', 'id': 'HTML711'}, {'title': 'Custom CSS', 'type': 'HTML', 'sectionId': 'custom-css', 'id': 'HTML712'}, {'title': 'Menu Halaman Statis', 'type': 'PageList', 'sectionId': 'navmenu1', 'id': 'PageList1'}, {'title': 'Kode Icon Media Sosial', 'type': 'HTML', 'sectionId': 'social-button', 'id': 'HTML71'}, {'title': 'comgameracheung (Header)', 'type': 'Header', 'sectionId': 'header', 'id': 'Header1'}, {'title': 'Kode Menu Navigasi Utama', 'type': 'HTML', 'sectionId': 'navmenu', 'id': 'HTML642'}, {'title': 'Widget HTML (homepage)', 'type': 'HTML', 'sectionId': 'bellow-header-widget', 'id': 'HTML616'}, {'title': 'Featured Post', 'type': 'FeaturedPost', 'sectionId': 'main', 'id': 'FeaturedPost1', 'postId': '6280060530587072523'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'main', 'id': 'Blog1', 'posts': [{'id': '8520158612481509077', 'title': 'Tutorial HTML: Jadilah Ahli dalam Membangun Website', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sEwfydcUZPnfs3nxjU4XebdC8-w5P27S5i7Ro0IPvNn4b8KP3kZWxktbMpXQxTWIRbS7kJsAYU3e8n2_rIiEF-GQv9vMOw6wV-atAbZ1RuXQ', 'showInlineAds': true}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'share', 'label': ''}, {'name': 'timestamp', 'label': ''}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': 'comments'}, {'name': 'icons', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': ''}]}], 'allBylineItems': [{'name': 'share', 'label': ''}, {'name': 'timestamp', 'label': ''}, {'name': 'comments', 'label': 'comments'}, {'name': 'icons', 'label': ''}, {'name': 'labels', 'label': ''}]}, {'title': 'Iklan Atas Artikel', 'type': 'HTML', 'sectionId': 'iklan-atas', 'id': 'HTML996'}, {'title': 'Iklan Tengah Artikel #1', 'type': 'HTML', 'sectionId': 'iklan-tengah1', 'id': 'HTML997'}, {'title': 'Iklan Tengah Artikel #2', 'type': 'HTML', 'sectionId': 'iklan-tengah2', 'id': 'HTML998'}, {'title': 'Iklan Bawah Artikel', 'type': 'HTML', 'sectionId': 'iklan-bawah', 'id': 'HTML999'}, {'title': 'Iklan Matched Content (post)', 'type': 'HTML', 'sectionId': 'matched-content', 'id': 'HTML939'}, {'title': 'Iklan In-Feed (homepage)', 'type': 'HTML', 'sectionId': 'iklan-infeed', 'id': 'HTML952'}, {'title': 'Recent Post Label #1', 'type': 'HTML', 'sectionId': 'labelrecentposts-item-1', 'id': 'HTML801'}, {'title': 'Recent Post Label #2', 'type': 'HTML', 'sectionId': 'labelrecentposts-item-2', 'id': 'HTML811'}, {'title': 'Recent Post Label #3', 'type': 'HTML', 'sectionId': 'labelrecentposts-item-3', 'id': 'HTML821'}, {'title': 'Recent Post Label #4', 'type': 'HTML', 'sectionId': 'labelrecentposts-item-4', 'id': 'HTML831'}, {'title': 'Recent Post Label #5', 'type': 'HTML', 'sectionId': 'labelrecentposts-item-5', 'id': 'HTML841'}, {'title': 'Recent Post Label #6', 'type': 'HTML', 'sectionId': 'labelrecentposts-item-6', 'id': 'HTML861'}, {'title': 'Ref', 'type': 'LinkList', 'sectionId': 'sidebar', 'id': 'LinkList1'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar', 'id': 'HTML1'}, {'title': '', 'type': 'BlogArchive', 'sectionId': 'sidebar', 'id': 'BlogArchive1'}, {'title': 'Popular', 'type': 'PopularPosts', 'sectionId': 'sidebar', 'id': 'PopularPosts1', 'posts': [{'title': 'Rahasia Menutup Dada dengan Pashmina: Tutorial yang Mudah dan Elegan', 'id': 6699466165521944945}, {'title': 'Gawangi Rambut Memikat dalam Tutorial Kepang Kelabang yang Memukau', 'id': 7336234908652453223}, {'title': 'Aturan Live TikTok yang Harus Diperhatikan: Panduan Lengkap untuk Penyiar Profesional', 'id': 9166678636740467302}]}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar', 'id': 'HTML2'}, {'type': 'Attribution', 'sectionId': 'sidebar', 'id': 'Attribution1'}, {'title': '', 'type': 'ReportAbuse', 'sectionId': 'sidebar', 'id': 'ReportAbuse1'}, {'title': 'About Me', 'type': 'Profile', 'sectionId': 'sidebar', 'id': 'Profile1'}, {'title': 'Search This Blog', 'type': 'BlogSearch', 'sectionId': 'sidebar', 'id': 'BlogSearch1'}, {'title': 'Labels', 'type': 'Label', 'sectionId': 'sidebar', 'id': 'Label1'}, {'title': 'Teks Footer', 'type': 'HTML', 'sectionId': 'footer-wrapper', 'id': 'HTML781'}, {'title': 'Navbar', 'type': 'Navbar', 'sectionId': 'navbar', 'id': 'Navbar1'}, {'title': 'Custom JavaScript Footer', 'type': 'HTML', 'sectionId': 'custom-javascript-footer', 'id': 'HTML782'}]}]); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML711', 'template-settings', document.getElementById('HTML711'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML712', 'custom-css', document.getElementById('HTML712'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'navmenu1', document.getElementById('PageList1'), {'title': 'Menu Halaman Statis', 'links': [{'isCurrentPage': false, 'href': 'https://comgameracheung.blogspot.com/', 'title': 'Home'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML71', 'social-button', document.getElementById('HTML71'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML642', 'navmenu', document.getElementById('HTML642'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML616', 'bellow-header-widget', document.getElementById('HTML616'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'main', document.getElementById('FeaturedPost1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/402556335-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML996', 'iklan-atas', document.getElementById('HTML996'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML997', 'iklan-tengah1', document.getElementById('HTML997'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML998', 'iklan-tengah2', document.getElementById('HTML998'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML999', 'iklan-bawah', document.getElementById('HTML999'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML939', 'matched-content', document.getElementById('HTML939'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML952', 'iklan-infeed', document.getElementById('HTML952'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML801', 'labelrecentposts-item-1', document.getElementById('HTML801'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML811', 'labelrecentposts-item-2', document.getElementById('HTML811'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML821', 'labelrecentposts-item-3', document.getElementById('HTML821'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML831', 'labelrecentposts-item-4', document.getElementById('HTML831'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML841', 'labelrecentposts-item-5', document.getElementById('HTML841'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML861', 'labelrecentposts-item-6', document.getElementById('HTML861'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'sidebar', document.getElementById('LinkList1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar', document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Loading\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar', document.getElementById('PopularPosts1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar', document.getElementById('HTML2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'sidebar', document.getElementById('Attribution1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ReportAbuseView', new _WidgetInfo('ReportAbuse1', 'sidebar', document.getElementById('ReportAbuse1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar', document.getElementById('Profile1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch1', 'sidebar', document.getElementById('BlogSearch1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidebar', document.getElementById('Label1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML781', 'footer-wrapper', document.getElementById('HTML781'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML782', 'custom-javascript-footer', document.getElementById('HTML782'), {}, 'displayModeFull')); </script> </body> </html>