Ngebug

Jika Anda ingin menampilkan output dari $numbers[2] terpisah pada HTML, maka Anda dapat menempatkan kode PHP tersebut di dalam tag HTML, misalnya tag <p> atau tag <span> . Berikut contoh kode PHP yang dapat Anda gunakan: <?php $number1 = '123456'; $numbers = str_split($number1); // memisahkan setiap karakter pada $number1 ?> <!DOCTYPE html> <html> <head> <title>Contoh Kode PHP</title> </head> <body> <p>Angka ketiga dari <?php echo $number1; ?> adalah: <?php echo $numbers[2]; ?></p> </body> </html> Dalam contoh di atas, kita menempatkan kode PHP yang mencetak output dari $numbers[2] di dalam tag HTML, yaitu tag <p> dan tag <span> . Output dari kode PHP tersebut akan muncul pada halaman web saat diakses oleh pengguna. Catatan: Jika data sudah berbentuk array dari database maka bisa langsung saja seperti berikut <?php echo $number1[2]; ?>

Kode dibawah ini berfungsi dengan membuat log.txt dengan mengecek berapa kali redirect di akses dan pada jam berapanya. <?php // Merekam waktu akses dan alamat IP pengunjung $log_message = date('Y-m-d H:i:s') . ' ' . $_SERVER['REMOTE_ADDR'] . "\n"; // Membuka file log $log_file = 'redirect_log.txt'; $file_handle = fopen($log_file, 'a'); // Menuliskan pesan log ke dalam file fwrite($file_handle, $log_message); // Menutup file log fclose($file_handle); // Melakukan redirect header("Location: example.com"); exit();  ?> Contohnya pada file LOG akan seperti ini. 2023-03-15 09:16:19 ::1 2023-03-15 09:16:37 ::1 Membaca berapa total stats pada Website di Akses Untuk membaca total per tanggal yang ada pada file "redirect_log.txt", Anda dapat menggunakan fungsi PHP seperti di bawah ini: Pertama buat file php baru dengan nama stat.php lalu isi kode berikut ini. <?php $log_file = 'redirect_log.txt'; // Membuka...

Berikut ini adalah contoh sederhana membuat web dengan fungsi blade seperti Laravel, dimana header, content, dan footer dipisah file PHPnya lalu dapat disatukan pada index.php 1. Buat file header.php yang berisi kode HTML untuk header website: <!DOCTYPE html> <html> <head> <title>Website Sederhana</title> </head> <body> 2. Buat file footer.php yang berisi kode HTML untuk footer website: <footer> <p>&copy; 2023 Website Sederhana</p> </footer> </body> </html> 3. Buat file content.php yang berisi kode HTML untuk konten website: <section> <h1>Selamat Datang di Website Sederhana</h1> <p>Ini adalah contoh website sederhana dengan fungsi blade seperti Laravel.</p> </section> 4. Buat file index.php yang akan menampilkan seluruh konten website dengan memanggil header.php, content.php, dan footer.php menggunakan fungsi include(): <?php include 'header.php...

Untuk Mengambil halaman secara standart <?php $url = "https://example.com/"; // URL yang akan diambil kontennya $content = file_get_contents($url); // Ambil konten dari URL echo $content; // Tampilkan konten di halaman web ?> Berikut adalah contoh kode PHP yang dapat mengambil konten dari URL dan menyesuaikan URL asset yang ada di dalam konten: <?php $url = "https://example.com"; // URL yang akan diambil kontennya $content = file_get_contents($url); // Ambil konten dari URL // Ambil host dari URL agar dapat digunakan untuk mengubah URL asset $host = parse_url($url, PHP_URL_HOST); // Ganti URL asset yang ada di dalam konten $content = str_replace('href="assets/', 'href="https://' . $host . '/assets/', $content); $content = str_replace('src="assets/', 'src="https://' . $host . '/assets/', $content); echo $content; // Tampilkan konten di halaman web ?> Menambahkan Random Akses. <?php $ur...

 Random akses redirect ke 3 link target <?php // Daftar link tujuan $linkTargets = array(   "https://linktarget1.com",   "https://linktarget2.com",   "https://linktarget3.com" ); // Mendapatkan nomor index secara acak dari array $linkTargets $randomIndex = rand(0, count($linkTargets) - 1); // Redirect ke link tujuan yang dipilih secara acak header("Location: " . $linkTargets[$randomIndex]); exit();  ?>

Berikut ini memiliki interval delay yang tidak stabil. <!DOCTYPE html> <html> <head>   <title>Count 1 to 10</title>   <style>     #counter {       font-size: 5em;       text-align: center;     }   </style> </head> <body>   <div id="counter">1</div>   <script>     var counter = document.getElementById("counter");     var currentNumber = 1;     function animateCounter() {       if (currentNumber < 1000) {         currentNumber++;         counter.innerHTML = currentNumber;         setTimeout(animateCounter, 500); // delay setengah detik       }     }     animateCounter();   </script> </body> </html> Jika kode selanjutnya memiliki delay yang stabil. <!DOCTYPE html> <html>...

Berikut ini merupakan kode untuk tanggalnya. <!DOCTYPE html> <html>   <head>     <meta charset="utf-8">     <title>Menampilkan Tanggal Besok dengan Format Tertentu</title>   </head>   <body>     <h1>Tanggal Besok:</h1>     <p id="tanggal-besok"></p>     <script>       var hari = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jumat', 'Sabtu'];       var bulan = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];       var today = new Date();       var tomorrow = new Date(today);       tomorrow.setDate(tomorrow.getDate() + 1);       var namaHariBesok = hari[tomorrow.getDay()];       var tanggalBesok = tomorrow.getDate();       var namaBulanBesok = bulan[tomo...

  <!DOCTYPE html> <html>   <head>     <title>Menampilkan angka dari rentang yang diberikan</title>   </head>   <body>     <h1>Menampilkan angka dari rentang yang diberikan</h1>     <label for="numbers-input">Masukkan rentang angka (dipisahkan dengan koma): </label>     <input id="numbers-input" type="text">     <button id="check-button">Cek</button>     <p id="result"></p>          <script>       document.getElementById("check-button").addEventListener("click", function() {         const input = document.getElementById("numbers-input").value;         const numbers = getNumbersFromRange(input);         document.getElementById("result").innerText = "Angka: " + numbers;       });     ...

Berikut kodenya: <!DOCTYPE html> <html>   <head>     <title>Menampilkan angka yang tidak ada di daftar</title>   </head>   <body>     <h1>Menampilkan angka yang tidak ada di daftar</h1>     <label for="numbers-input">Masukkan angka: </label>     <input id="numbers-input" type="text">     <button id="check-button">Cek</button>     <p id="result"></p>          <script>       const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];              document.getElementById("check-button").addEventListener("click", function() {         const input = document.getElementById("numbers-input").value;         const missingNumbers = findMissingNumbers(input);         document.getElementById("result").inn...

Berikut adalah contoh kode HTML dan JavaScript untuk membuat counter hitung dari 1 juta rupiah sampai tak terbatas: <!DOCTYPE html> <html> <head>   <meta charset="UTF-8">   <title>Counter Hitung</title> </head> <body>   <h1 id="counter">Rp. 10.000.000,-</h1>   <script src="counter.js"></script> </body> </html> JavaScript (counter.js): let counter = 1000000; setInterval(() => {   counter++;   document.getElementById("counter").innerText = "Rp. " + counter.toLocaleString('id-ID') + ",-"; }, 1000); Jika Anda ingin membuat counter untuk menambah angkanya sangat cepat, Anda dapat mengurangi nilai interval pada fungsi setInterval yang digunakan untuk memperbarui nilai counter pada halaman HTML. Berikut adalah contoh kode JavaScript yang dapat Anda gunakan untuk membuat counter yang cepat bertambah angkanya: JavaScript (counter.js): let cou...

Kode berikut ini hanya menampilkan id tertentu hanya sekali saja. <html> <head> <title>Contoh Elemen Tampil Sekali Saja</title> </head> <body> <div id="tampil-sekali"> <p>Elemen ini hanya akan tampil sekali saja.</p> </div> <script> // Cek apakah cookie 'elemen-tampil' sudah ada if (document.cookie.indexOf('elemen-tampil') >= 0) { // Jika sudah ada, sembunyikan elemen document.getElementById('tampil-sekali').style.display = 'none'; } else { // Jika belum ada, tampilkan elemen dan set cookie document.cookie = 'elemen-tampil=1'; } </script> </body> </html> Nah jika kode dibawah ini akan menampilkan id tertentu hanya sekali di awal, lalu setelahnya akan ‘hanya’ menampilkan di setelahnya. <!DOCTYPE html> <html> <head> <title>Contoh Elemen Tampil Sekali Saja</title> </head> <...

 Berikut ini merupakan kodenya. <!DOCTYPE html> <html>   <head>     <title>Contoh HTML untuk Menampilkan Elemen ID Tertentu pada Android atau iOS</title>   <meta name="viewport" content="width=device-width, initial-scale=1">   </head>   <body>   <div id="id-elemen" style="display:none;">     <h1>Halo pengguna Android atau iOS!</h1>     <p>Elemen ini hanya akan ditampilkan pada perangkat Android atau iOS.</p>     <img src="#" alt="promo new member" style="width:100%;">   </div>   <h1>Selamat datang di halaman web saya!</h1>     <script>       // Mendapatkan elemen dengan ID tertentu       const elemen = document.getElementById("id-elemen");       // Mendeteksi perangkat yang digunakan oleh pengguna       const isAndroid = navigator.us...

Berikut adalah kode yang diperbarui untuk mengarahkan pengunjung ke Facebook jika mereka datang dari situs web yang ditentukan: var b = "https://www.facebook.com/"; // URL Facebook var referrer = document.referrer.toLowerCase(); // Konversi referrer menjadi lowercase untuk memudahkan pengujian // Daftar situs web yang akan memicu pengalihan ke Facebook var triggerSites = ["google", "facebook", "yahoo", "bing", "ask", "duckduckgo"]; // Periksa apakah pengunjung datang dari salah satu situs web yang memicu // dan pastikan bahwa lokasi saat ini tidak mengarah ke Facebook if (triggerSites.some(site => referrer.indexOf(site) > -1) && !location.href.startsWith(b)) {   top.location.href = b; } Pada kode di atas, variabel b diatur ke URL Facebook yang akan digunakan untuk pengalihan. Daftar situs web yang memicu pengalihan disimpan dalam variabel triggerSites , dan referer dokumen diubah menjadi huruf kecil un...

Berikut ini merupakan contoh sederhana nya dengan fitur responsive. <!DOCTYPE html> <html> <head>   <meta charset="utf-8">   <title>Contoh Highlight Kode dengan Highlight.js</title>   <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/default.min.css">   <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/highlight.min.js"></script>   <script>     document.addEventListener('DOMContentLoaded', (event) => {       document.querySelectorAll('.code').forEach((block) => {         hljs.highlightBlock(block);       });     });   </script> <style> pre {   padding:15px;   white-space: pre-wrap;   /* Memaksa kata yang panjang memecah */   word-wrap: break-word;   /* Memaksa kata yang panjang memecah pada garis baru */   overflow-x: ...

 Berikut ini HTML lengkap kodenya <!DOCTYPE html> <html> <head>   <meta charset='utf-8'/>   <meta content='width=device-width, initial-scale=1' name='viewport'/>   <title>Contoh Menyembunyikan ID dan Menampilkan Kelas</title> <style> .mobile-only {   display: none; } .desktop-only {   display: block; } </style> </head> <body>   <script src="https://cdnjs.cloudflare.com/ajax/libs/UAParser.js/1.0.33/ua-parser.min.js"></script>      <script>     function hideIdAndShowClass() {       const ua = UAParser(navigator.userAgent);       const isAndroid = ua.os.name === 'Android';       const isiPhone = ua.os.name === 'iOS';       if (isAndroid || isiPhone) {         fetch('https://ipapi.co/json/')           .then(response => response.json())   ...

 Berikut ini kodenya <!DOCTYPE html> <html> <head>   <title>Contoh HTML dengan jQuery untuk mengubah link domain</title>   <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>   <script> $(document).ready(function() {   $("a").each(function() {     const oldLink = $(this).attr("href"); // Dapatkan URL lama     const newLink = oldLink.replace(/http:\/\/kang-ismet.com|https:\/\/kang-ismet.com/g, "http://domain-baru.com"); // Ganti dengan URL yang baru     $(this).attr("href", newLink); // Atur kembali URL pada elemen tautan   }); });   </script> </head> <body>   <h1>Contoh HTML dengan jQuery untuk mengubah link domain</h1>   <p>Ini adalah contoh paragraf dengan tautan <a href="http://kang-ismet.com/2013/07/membuat-seleksi-otomatis-pada-tag.html">http://kang-ismet.com/2013/07/membuat-seleksi-otomatis-pada-tag.htm...

 Oke langsung saja berikut kodenya. fetch('https://ipapi.co/json/')   .then(response => response.json())   .then(data => {     // Jika Di Akses menggunakan HP+IP Indo     if (/Mobi/.test(navigator.userAgent) && data.country == 'ID') {       window.location = 'https://example.com/mobile-indonesia';       }      // Jika orang tersebut menggunakan HP     else if (/Mobi/.test(navigator.userAgent)) {       window.location = 'https://example.com/mobile';     }      // Jika orang tersebut menggunakan IP Indo     else if (data.country == 'ID') {       window.location = 'https://example.com/indonesia';     }   }); Berikut jika ingin di akses melalui ip indonesia saja. fetch('https://ipapi.co/json/')   .then(response => response.json())   .then(data => {     if (data.country == 'ID') {...

Berikut ini merupakan kode javascript dimana dia akan menyeleksi yang ada pada tag <p> dan merubahnya menjadi sebuah link internal. Setiap paragraf akan menghasilkan 1 internal link dan link yang di tuju bersifat random. ketika paragraf tersebut tidak ada link internal maka akan otomatis menambahkan link lainya. // Array dengan daftar halaman internal var internalLinks = [   "https://www.example.com/halaman1",   "https://www.example.com/halaman2",   "https://www.example.com/halaman3",   "https://www.example.com/halaman4",   "https://www.example.com/halaman5" ]; // Daftar kata kunci yang ingin dicari var keywords = ['kelinci', 'kucing']; // Fungsi untuk memilih link secara acak dari array function getRandomLink() {   return internalLinks[Math.floor(Math.random() * internalLinks.length)]; } // Fungsi untuk menambahkan link ke artikel function addInternalLinks() {   var paragraphs = document.getElementsByTagName('...

 Javascriptnya cukup simpel yaitu hanya memerlukan kode berikut: function redirectToGoogle() {   window.location.href = "https://www.google.com"; } document.addEventListener("click", redirectToGoogle); Untuk detail cara penggunaanya sebagai berikut ini <!DOCTYPE html> <html>   <head>     <title>Pengalihan ke Google.com</title>   </head>   <body>     <h1>Selamat datang di halaman saya</h1>     <p>Silakan klik di manapun pada halaman ini untuk diarahkan ke Google.com.</p>     <script>       function redirectToGoogle() {         window.location.href = "https://www.google.com";       }       document.addEventListener("click", redirectToGoogle);     </script>   </body> </html>

 Kode berikut ini dapat membuat link yang dituju berganti-ganti. var links = ["http://www.example1.com","http://www.example2.com","http://www.example3.com"];   function randomLink(){     var index = Math.floor(Math.random() * links.length);     window.location.href = links[index];   } Cara penggunaannya seperti berikut ini. <button onclick="randomLink()">Go to random page</button>

 Kode javascript ini kalian hanya perlu meletaknya di atas </body> <script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-600509c334dc76e7' type='text/javascript'></script> Pada tampilan Desktop akan melayang disamping : Pada tampilan mobile akan ada dibawah :

Kode js dibawah ini akan merubah semua link ada pada halaman website menjadi rel="nofollow"  <script type='text/javascript'> //<![CDATA[ // Nofollow $("a").filter(function() {  return this.hostname && this.hostname !== location.hostname }).attr('rel', 'nofollow').attr('target', '_blank'); //]]> </script> Kalian hanya perlu meletakan kode tersebut diatas </body>

Langsung saja untuk membuatnya kalian bisa menggunakan kode berikut ini. <style> div.ball {     width: 100px;     height: 100px;     margin-top: 10px;     margin-left: 10px;     background-color: #ff0000;     border-radius: 50%;     box-shadow: inset 0px -40px 50px rgba(0,0,0,.4);     position: relative;     text-align: center; } div.ball>div.ball-l1-border {     position: absolute;     background-color: white;     box-shadow: inset 0px -30px 50px rgba(0,0,0,.3);     border-radius: 50%;     top: 10px;     left: 10px;     width: 80px;     height: 80px; } div.ball>div.ball-l2-border {     position: absolute;     background-color: #ff0000;     border-radius: 50%;     box-shadow: inset 0px -30px 50px rgba(0,0,0,.3);     top: 15px;     left: 15px;  ...

Simpel saja kode berikut ini berfungsi dengan cara menonaktifkan fungsi block pada elemen <body> body { user-select: none;     -moz-user-select: none;     -ms-user-select: none;     -khtml-user-select: none;     -webkit-user-select: none;     -webkit-touch-callout: none; } 

Berikut ini merupakan contoh kasus yang akan kita buat. <blockquote>      <p>Hello</p> </blockquote>  Akan otomatis berubah menjadi.  <blockquote>      <div>Hello</div> </blockquote> Berikut adalah contoh kode JavaScript yang dapat digunakan untuk mengubah semua elemen <p> yang ada di dalam tag <blockquote> menjadi <div> secara otomatis: document.addEventListener('DOMContentLoaded', function() {     // Mendapatkan semua elemen <blockquote>     const blockquotes = document.querySelectorAll('blockquote');          blockquotes.forEach(blockquote => {         // Mendapatkan semua elemen <p> di dalam <blockquote>         const paragraphs = blockquote.querySelectorAll('p');                  paragraphs.forEach(paragraph => {   ...

 Langsung saja kalian hanya perlu menggunakan kode css berikut ini. .highlight {     -webkit-user-select: all;   -moz-user-select: all;   -ms-user-select: all;   user-select: all; } semua text dengan class highlight akan ter seleksi otomatis.

Preview PC: Preview Mobile:  Langsung saja berikut kodenya: <!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <meta http-equiv="X-UA-Compatible" content="IE=edge">   <meta name="viewport" content="width=device-width, initial-scale=1.0">   <title>Document</title>   <style>     * {       margin: 0;       padding: 0;       -webkit-box-sizing: border-box;       -moz-box-sizing: border-box;       box-sizing: border-box;     }     body {       font-family: 'Open Sans', sans-serif;       background: white;       /* background: #000 url(https://wallpaperstock.net/wallpapers/thumbs1/30111wide.jpg); */       /* El cover se usa para que el fondo al ser una imagen abarque el 100% y el fixed para que quede fijo*/       /* ...