dengakarkn radio streaming

Situs ini akan sangat baik dilihat ketika Anda menggunakan browser modern dengan JavaScript yang telah diaktifkan.

dengakarkn radio streaming

ahmad

copy semua code paste di modul HTML dan jalankan

ini kode nya
<!DOCTYPE html>
<html lang=“en”>
<title>just App</title>
<meta charset=“UTF-8”>
<meta name=“viewport” content=“width=device-width, initial-scale=1”>
<link rel=“stylesheet” href=“https://www.w3schools.com/w3css/4/w3.css”>
<link rel=“stylesheet” href=“https://fonts.googleapis.com/css?family=Lato”>
<link rel=“stylesheet” href=“https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css”>
<style>
body {font-family: “Lato”, sans-serif}
.mySlides {display: none}
</style>
<body>

<!– Page content –>
<div class=“w3-content” style=“max-width:2000px;margin-top:46px”>

<!– Automatic Slideshow Images –>
<div class=“mySlides w3-display-container w3-center”>
<img src=“https://obs.line-scdn.net/0hwr06YBNsKF0NTwIxzfNXCjcZKzI-IzteaXl5Q10hdmlyfjxZZH00aCFPcm8iLG8DYyFvOy5NM2woemlcNHw0/w644” style=“width:100%”>
<div class=“w3-display-bottommiddle w3-container w3-text-white w3-padding-32 w3-hide-small”>
<h3>Malang</h3>
<p><b>We had the best time playing at Kota Batu</b></p>
</div>
</div>
<div class=“mySlides w3-display-container w3-center”>
<img src=“https://media.pricebook.co.id/article/5e4e7bc1b92c2e06368b4647/5e4e7bc1b92c2e06368b4647_1582532418.jpg” style=“width:100%”>
<div class=“w3-display-bottommiddle w3-container w3-text-white w3-padding-32 w3-hide-small”>
<h3>Jogja</h3>
<p><b>The atmosphere in Mariboro street</b></p>
</div>
</div>
<div class=“mySlides w3-display-container w3-center”>
<img src=“https://obs.line-scdn.net/0hnizX75amMUZHIRtwf6xOEX13Mil0TSJFIxdgWBdPb3I4FXYSfxIuc2slPCQ6QnYYLkd6JWIiKndiGCMUKRUu/w644” style=“width:100%”>
<div class=“w3-display-bottommiddle w3-container w3-text-white w3-padding-32 w3-hide-small”>
<h3>Solo</h3>
<p><b>Thank you, Solo - A night we won’t forget.</b></p>
</div>
</div>

<!– The Band Section –>
<div class=“w3-container w3-content w3-center w3-padding-64” style=“max-width:800px” id=“band”>
<h2 class=“w3-wide”>THE BAND</h2>
<p class=“w3-opacity”><i>We love music</i></p>
<p class=“w3-justify”>Tahukah anda bro ternyata radio yang ditemukan beberapa abad yang lalu adalah salah satu media yang dapat bertahan sampai dengan saat ini, itu karena radio adalah media yang mengeluarkan audio tanpa visual yang memudahkan bagi siapapun bagi yang menikmatinya, bahkan dari penelitian yang telah dilakukan ternyata radio dapat berpengaruh terhadap style yang mendengarkannya itu terbukti dari beberapa penelitian bahwa orang yang mendegarkan radio dia akan lebih update dalam informasi yang beredar begitupun gaya hidup. nah BRO buat kita cangkur banyak banyak dengar radio deh biar komunikasi kita bisa lancar sama kita bisa update terus, ga ketinggalan juga lagu lagu yang baru kita udah dengar lebih dulu. oke Bro selamat menikmati RADIO nya.</p>

  
  <div class="w3-row-padding w3-padding-32" style="margin:0 -16px">
    <div class="w3-third w3-margin-bottom">
      <img src="https://img.tek.id/img/content/2018/06/29/6513/insta-stories-kini-mendukung-fitur-background-music-deRBznhvDT.png" alt="New York" style="width:100%" class="w3-hover-opacity">
      <div class="w3-container w3-white">
        <p><b>SONORA</b></p>
        <p class="w3-opacity">24 JAM</p>
        <p>Radio paling top sama informasinya bro</p>
         <button class="w3-button w3-black w3-margin-bottom" onclick="document.getElementById('ticketModal').style.display='block'"><audio src="https://streamingv2.shoutcast.com/sonora-jakarta" preload="false" controls></audio><p>Dengarkan</p>
    

  </div>
</div>

     
</div>

   
   
         
  <div class="w3-row-padding w3-padding-32" style="margin:0 -16px">
    <div class="w3-third w3-margin-bottom">
      <img src="https://img.tek.id/img/content/2018/06/29/6513/insta-stories-kini-mendukung-fitur-background-music-deRBznhvDT.png" alt="New York" style="width:100%" class="w3-hover-opacity">
      <div class="w3-container w3-white">
        <p><b>I Radio</b></p>
        <p class="w3-opacity">24 Jam</p>
        <p>Radio yang muterin lagu full Indonesia punya</p>
         <button class="w3-button w3-black w3-margin-bottom" onclick="document.getElementById('ticketModal').style.display='block'"><audio src="https://stream.radiojar.com/4ywdgup3bnzuv" preload="false" controls></audio><p>Dengarkan</p>
    

  </div>
</div>

     
</div>

<div class=“w3-row-padding w3-padding-32” style=“margin:0 -16px”>
<div class=“w3-third w3-margin-bottom”>
<img src=“https://img.tek.id/img/content/2018/06/29/6513/insta-stories-kini-mendukung-fitur-background-music-deRBznhvDT.png” alt=“New York” style=“width:100%” class=“w3-hover-opacity”>
<div class=“w3-container w3-white”>
<p><b>MegaSwara</b></p>
<p class=“w3-opacity”>24 Jam</p>
<p>Radio Informasinya oke juga bro</p>
<button class=“w3-button w3-black w3-margin-bottom” onclick=“document.getElementById(‘ticketModal’).style.display=‘block’”><audio src=“https://live.nagaswarafm.com:9900/stream” preload=“false” controls></audio><p>Dengarkan</p>

  </div>
</div>

     
</div>

<div id=“cincopa_5d5346”>…</div><script type=“text/javascript”>
var cpo = []; cpo[“object”] =“cincopa_5d5346”; cpo[“fid”] = “AILAX6eJBsZP”;
var _cpmp = _cpmp || []; _cpmp.push(cpo);
(function() { var cp = document.createElement(“script”); cp.type = “text/javascript”;
cp.async = true; cp.src = “https://rtcdn.cincopa.com/libasync.js”;
var c = document.getElementsByTagName(“script”)[0];
c.parentNode.insertBefore(cp, c); })(); </script>
</div>

<div class=“w3-container w3-white”>
<p><b>Cover</b></p>

<!– End Page Content –>

<!– Image of location/map –>
<img src=“https://scontent-sin6-1.xx.fbcdn.net/v/t31.18172-8/21765832_119886105425551_2452356711914164995_o.jpg?_nc_cat=111&ccb=1-5&_nc_sid=cdbe9c&_nc_eui2=AeExQg8KgGtjK7jnAferuxkeZyGyjMYCMs9nIbKMxgIyzzgiaO8C-MNcfyfvt_iJ3OA&_nc_ohc=IH64KYzsmtMAX-zKXKG&_nc_ht=scontent-sin6-1.xx&oh=00_AT_zVkSClAW6lZBBUbDBAOVcC9W6sx2Y3va2XY2Fyab3Ng&oe=62285B2C” class=“w3-image w3-greyscale-min” style=“width:100%”>

<!– Footer –>
<footer class=“w3-container w3-padding-64 w3-center w3-opacity w3-light-grey w3-xlarge”>
<i class=“fa fa-facebook-official w3-hover-opacity”></i>
<i class=“fa fa-instagram w3-hover-opacity”></i>
<i class=“fa fa-snapchat w3-hover-opacity”></i>
<i class=“fa fa-pinterest-p w3-hover-opacity”></i>
<i class=“fa fa-twitter w3-hover-opacity”></i>
<i class=“fa fa-linkedin w3-hover-opacity”></i>
<p class=“w3-medium”>Powered by <a href="“ target=”_blank">/a></p>
</footer>

function carousel() {
var i;
var x = document.getElementsByClassName(“mySlides”);
for (i = 0; i < x.length; i++) {
x.style.display = “none”;
}
myIndex++;
if (myIndex > x.length) {myIndex = 1}
x[myIndex-1].style.display = “block”;
setTimeout(carousel, 4000);
}

// Used to toggle the menu on small screens when clicking on the menu button
function myFunction() {
var x = document.getElementById(“navDemo”);
if (x.className.indexOf(“w3-show”) == -1) {
x.className += “ w3-show”;
} else {
x.className = x.className.replace(“ w3-show”, "");
}
}

// When the user clicks anywhere outside of the modal, close it
var modal = document.getElementById(‘ticketModal’);
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = “none”;
}

}
</script>

</body>
</html>

note = <audio src=“https://streamingv2.shoutcast.com/sonora-jakarta” (ganti link stream radio atau bisa menambahkan link stream radionya)