Menampilkan “Now Playing” Shoutcast Di Web [repost]

By Ridvan's Blogger Team
Script ini berfungsi untuk menampilkan status shoutcast, yaitu lagu yang sedang diputar secara real time (direfresh setiap 10 detik),
Silahkan pasang script di bawah ini di mode HTML :
199.167.134.163</span>&port=<span style="color: blue; margin: 0; padding: 0;">7070 </span>width=200 height=60 frameborder=0 scrolling=no></code></div>
<div style="background-color: #fbfbfb; color: #453625; font-family: Verdana; font-size: 14px; line-height: 17px; padding: 0 0 15px;"></div>
<div style="background-color: #fbfbfb; color: #453625; font-family: Verdana; font-size: 14px; line-height: 17px; padding: 0 0 15px;">Ganti IP address dan port sesuai dengan shoutcast Anda. Lalu pasang di widget atau halaman web Anda.</div>
<div style="background-color: #fbfbfb; color: #453625; font-family: Verdana; font-size: 14px; line-height: 17px; padding: 0 0 15px;">Script di atas diupdate pada 7 agustus 2012 dan sudah dites.</div>
<div style="background-color: #fbfbfb; color: #453625; font-family: Verdana; font-size: 14px; line-height: 17px; padding: 0 0 15px;"></div>
<div style="background-color: #fbfbfb; color: #453625; font-family: Verdana; font-size: 14px; line-height: 17px; padding: 0 0 15px;">Untuk Anda yang menggunakan<a style="color: #007dfc; margin: 0; padding: 0; text-decoration: none;" title=" server" href="http://klikhost.com/hosting"> server</a> Indonesia, gunakan script di bawah ini agar tidak sering “offline” :</div>
<div style="background-color: #fbfbfb; color: #453625; font-family: Verdana; font-size: 14px; line-height: 17px; padding: 0 0 15px;"><code style="margin: 0; padding: 0;"><iframe loading="lazy" src=http://i.klikhost.com/np.php?ip=<span style="color: red; margin: 0; padding: 0;">199.167.134.163</span>&port=<span style="color: blue; margin: 0; padding: 0;">7070</span> width=200 height=60 frameborder=0 scrolling=no></code></div>
<div style="background-color: #fbfbfb; color: #453625; font-family: Verdana; font-size: 14px; line-height: 17px; padding: 0 0 15px;"><code style="margin: 0; padding: 0;"> </code></div>
<div style="background-color: #fbfbfb; color: #453625; font-family: Verdana; line-height: 17px; padding: 0 0 15px;"><span style="font-size: xx-small;"><code style="margin: 0; padding: 0;">Sumber: </code><a style="background-color: transparent;" href="http://klikhost.com/menampilkan-now-playing-shoutcast-di-web/">http://klikhost.com/menampilkan-now-playing-shoutcast-di-web/</a></span></div>
				  </div>
			  
<div id="AdCode">
				
<div style='margin:5px 0;text-align:center;clear:both;'>
<!-- RM Tengah 1 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-5195944389981975"
     data-ad-slot="1251814138"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>

	</div>
				  <!-- RM After Single Content -->
				  <ins class="adsbygoogle"
				       style="display:block"
				       data-ad-client="ca-pub-5195944389981975"
				       data-ad-slot="1709504357"
				       data-ad-format="auto"
				       data-full-width-responsive="true"></ins>
				  <script>
				       (adsbygoogle = window.adsbygoogle || []).push({});
				  </script>               </div>
			   
<script>
 $AdCode = $("#AdCode").html();
 $("#ads-bro p:eq(8)").append($AdCode);
 $("#AdCode").remove();
</script>	



			   		   
                  <footer>


                        <div class="post__tags-share">
                                 <ul class="post__tag">
                                       <li>
                                          <a href="https://www.ridvanmau.com/topik/blog-arsip/">Blog Arsip</a>
                                       </li>
                                 </ul>

                              <aside class="post__share">
                                 
                                    <a
                                       href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.ridvanmau.com%2Fmenampilkan-now-playing-shoutcast-di-web-repost%2F"
                                       class="js-share facebook"
                                       aria-label="Share with Facebook"
                                       rel="nofollow noopener noreferrer">
                                       <svg>
                                          <use xlink:href="https://www.ridvanmau.com/assets/svg/svg-map.svg#facebook"/>
                                       </svg>
                                    </a> 
                                 
                                    <a href="https://twitter.com/share?url=https%3A%2F%2Fwww.ridvanmau.com%2Fmenampilkan-now-playing-shoutcast-di-web-repost%2F&amp;via=Ridvan%20Maulana's%20Blog&amp;text=Menampilkan%20%E2%80%9CNow%20Playing%E2%80%9D%20Shoutcast%20Di%20Web%20%5Brepost%5D
                                 "
                                       class="js-share twitter"
                                       aria-label="Share with Twitter"
                                       rel="nofollow noopener noreferrer">
                                       <svg>
                                          <use xlink:href="https://www.ridvanmau.com/assets/svg/svg-map.svg#twitter"/>
                                       </svg>
                                    </a>
                                 
                                    <a
                                       href="https://pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.ridvanmau.com%2Fmenampilkan-now-playing-shoutcast-di-web-repost%2F&amp;media=https%3A%2F%2Fwww.ridvanmau.com%2Fmedia%2Fposts%2F55%2Fno-image.jpg&amp;description=Menampilkan%20%E2%80%9CNow%20Playing%E2%80%9D%20Shoutcast%20Di%20Web%20%5Brepost%5D"
                                       class="js-share pinterest"
                                       aria-label="Share with Pinterest"
                                       rel="nofollow noopener noreferrer">
                                       <svg>
                                          <use xlink:href="https://www.ridvanmau.com/assets/svg/svg-map.svg#pinterest"/>
                                       </svg>
                                    </a>
                                 
                                 
                                    <a
                                       href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.ridvanmau.com%2Fmenampilkan-now-playing-shoutcast-di-web-repost%2F"
                                       class="js-share linkedin"
                                       aria-label="Share with LinkedIn"
                                       rel="nofollow noopener noreferrer">
                                       <svg>
                                          <use xlink:href="https://www.ridvanmau.com/assets/svg/svg-map.svg#linkedin"/>
                                       </svg>
                                    </a>
                                 
                                 
                                    <a
                                       href="https://api.whatsapp.com/send?text=Menampilkan%20%E2%80%9CNow%20Playing%E2%80%9D%20Shoutcast%20Di%20Web%20%5Brepost%5D https%3A%2F%2Fwww.ridvanmau.com%2Fmenampilkan-now-playing-shoutcast-di-web-repost%2F" 
                                       class="js-share whatsapp" 
                                       aria-label="Share with WhatsApp"
                                       rel="nofollow noopener noreferrer">
                                       <svg class="icon" aria-hidden="true" focusable="false">
                                          <use xlink:href="https://www.ridvanmau.com/assets/svg/svg-map.svg#whatsapp"/>
                                       </svg>
                                    </a>
                              </aside>
                        </div>

                           <nav class="post__nav">
                                 <div class="post__nav__prev">
                                    <a class="post__nav__link" href="https://www.ridvanmau.com/cara-membuat-spoiler-di-blogger/" rel="prev">
                                       Previous Post
                                       <h3 class="h6">Cara Membuat Spoiler di Blogger</h3>
                                    </a>
                                 </div>
                                 <div class="post__nav__next">
                                    <a class="post__nav__link" href="https://www.ridvanmau.com/cara-download-semua-file-di-google-app-engine/" rel="prev">
                                       Next Post
                                       <h3 class="h6">Cara Download Semua File di Google App Engine</h3>
                                    </a>
                                 </div>
                           </nav>

                  </footer>
			   <ins class="adsbygoogle"
			        style="display:block"
			        data-ad-format="autorelaxed"
			        data-ad-client="ca-pub-5195944389981975"
			        data-ad-slot="6840897405"></ins>
			   <script>
			        (adsbygoogle = window.adsbygoogle || []).push({});
			   </script>				
            </div>
         </article>
		 
	  
      	
	   
         <div class="comments-area post__inner" id="comments">
            <div class="comments">
	            <div class="comments-wrapper">
	               	
			<h2 class="mb-2">
		        Comments
		    </h2>
	    				
					<div 
						id="cusdis_thread"
						data-host="https://cusdis.com"
						data-app-id="ed182b0c-665f-4e93-ac07-1c15b5f79250"
						data-page-id="55"
						data-page-url="https://www.ridvanmau.com/menampilkan-now-playing-shoutcast-di-web-repost/"
						data-page-title="Menampilkan “Now Playing” Shoutcast Di Web [repost]"
						data-theme="dark"></div>
					<noscript>
						Please enable JS to use the comments form.
					</noscript>
					
					<script type="text/javascript">
						
				var cusdis_element_to_check = document.getElementById('cusdis_thread');

				if ('IntersectionObserver' in window) {
					var iObserver = new IntersectionObserver(
						(entries, observer) => {
							entries.forEach(entry => {
								if (entry.intersectionRatio >= 0.1) {
									(function () {
										var d = document, s = d.createElement('script');
										s.defer = true;
										s.src = 'https://cusdis.com/js/cusdis.es.js';									
										(d.head || d.body).appendChild(s);
									})();
									observer.unobserve(entry.target);
								}
							});
						},
						{
							threshold: [0, 0.2, 0.5, 1]
						}
					);

					iObserver.observe(cusdis_element_to_check);
				} else {
					(function () {
						var d = document, s = d.createElement('script');
						s.defer = true;
						s.src = 'https://cusdis.com/js/cusdis.es.js';
						(d.head || d.body).appendChild(s);
					})();
				}
			
					</script>
					<script type="text/javascript">
						
					</script>
				</div>
			</div>
         </div>

	  

<div class="latest-articles">
   <h2>Artikel Terbaru</h2>
      <ul>

            <li>
               <a href="https://www.ridvanmau.com/mengenal-sekolah-akting/">Mengenal Dunia Sekolah Akting: Persiapan Karir Menjadi Aktor Profesional</a>
            </li>
      
      </ul>
      <ul>

            <li>
               <a href="https://www.ridvanmau.com/kenapa-lidah-berwarna-putih/">7 Penyebab Utama Lidah Berwarna Putih dan Cara Mengatasinya</a>
            </li>
      
      </ul>
      <ul>

            <li>
               <a href="https://www.ridvanmau.com/kenapa-paket-jandt-tidak-bergerak/">7 Alasan Utama Kenapa Paket J&amp;T Tidak Bergerak + Cara Mengatasinya</a>
            </li>
      
      </ul>
      <ul>

            <li>
               <a href="https://www.ridvanmau.com/biaya-pembuatan-lapangan-badminton/">Panduan Lengkap Biaya Pembuatan Lapangan Badminton Indoor dan Outdoor</a>
            </li>
      
      </ul>
      <ul>

            <li>
               <a href="https://www.ridvanmau.com/biaya-pembuatan-rumah-walet-4x6/">Memperkirakan Biaya Pembuatan Rumah Walet 4x6 yang Ideal</a>
            </li>
      
      </ul>
      <ul>

            <li>
               <a href="https://www.ridvanmau.com/sedekah-subuh-diberikan-kepada-siapa/">Siapa Saja yang Berhak Menerima Sedekah Subuh Menurut Ajaran Islam?</a>
            </li>
      
      </ul>
      <ul>

            <li>
               <a href="https://www.ridvanmau.com/siapa-arsitek-candi-borobudur/">Misteri di Balik Candi Borobudur: Siapakah Sang Arsitek yang Sebenarnya?</a>
            </li>
      
      </ul>
      <ul>

            <li>
               <a href="https://www.ridvanmau.com/siapa-penemu-bohlam-listrik/">Siapa Sebenarnya Penemu Bohlam Listrik yang Pertama?</a>
            </li>
      
      </ul>
</div>

   </div>



</main>
<footer class="footer-atas">


<!-- partial:index.partial.html -->
<svg class="aliencuy" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="1000 300 1500 800">
  <g class="SVGfiles" clip-path="url(#clip0)">
 

    <g class="ufo">
      <g class="engine">
        <path fill="#BDBDBD" stroke="#15286E" stroke-width="8" d="M1641.69 1027.97c-2.32 7.57-10.87 13.54-24.99 15.99-13.87 2.41-31.92 1.13-50.75-4.62-18.84-5.76-34.52-14.78-44.68-24.53-10.34-9.93-14.09-19.658-11.78-27.224 2.31-7.566 10.86-13.54 24.98-15.992 13.87-2.41 31.92-1.13 50.76 4.625 18.84 5.754 34.52 14.779 44.67 24.531 10.34 9.92 14.1 19.66 11.79 27.22z" class="Ellipse 26" />
        <path fill="#BDBDBD" stroke="#15286E" stroke-width="8" d="M1970.91 1050.58c.29 7.91-5.83 16.35-18.38 23.29-12.31 6.81-29.79 11.51-49.47 12.23-19.68.73-37.46-2.67-50.24-8.56-13.02-5.99-19.75-13.96-20.04-21.87-.29-7.9 5.83-16.35 18.37-23.29 12.32-6.81 29.8-11.51 49.48-12.23 19.68-.73 37.45 2.67 50.24 8.56 13.02 6 19.75 13.97 20.04 21.87z" class="Ellipse 27" />
        <path fill="#BDBDBD" stroke="#15286E" stroke-width="8" d="M1804.42 1057.66c-1.02 7.85-8.45 15.17-21.97 19.94-13.27 4.69-31.28 6.44-50.81 3.91-19.54-2.54-36.5-8.82-48.15-16.74-11.85-8.06-17.17-17.03-16.15-24.87 1.01-7.85 8.45-15.17 21.96-19.94 13.28-4.69 31.29-6.44 50.82-3.91 19.53 2.54 36.5 8.82 48.14 16.74 11.85 8.06 17.17 17.03 16.16 24.87z" class="Ellipse 28" />
        <path fill="#fff" stroke="#15286E" stroke-width="8" d="M2029.22 1019.67c-1.13 8.14-8.78 16.05-24.33 22.85-15.31 6.7-37.09 11.77-63.93 14.89-53.62 6.25-126.48 4.64-205.84-6.37-79.36-11.02-149.91-29.32-199.8-49.93-24.97-10.314-44.55-21.121-57.46-31.735-13.11-10.782-18.32-20.481-17.19-28.613 1.13-8.131 8.78-16.047 24.33-22.85 15.31-6.697 37.1-11.763 63.93-14.889 53.62-6.244 126.49-4.641 205.85 6.374 79.35 11.015 149.9 29.317 199.79 49.927 24.97 10.316 44.55 21.124 57.46 31.737 13.12 10.779 18.32 20.479 17.19 28.609z" class="Ellipse 20" />
      </g>
      <path fill="#8D60C2" stroke="#15286E" stroke-width="8" d="M2218.89 994.266c-3.56 4.273-9.45 8.604-17.84 12.784-8.54 4.25-19.43 8.24-32.56 11.84-26.26 7.2-61.12 12.77-103.22 15.98-84.18 6.41-196.92 3.36-326.88-14.67-130-18.05-242.69-45.156-323.62-73.926-40.49-14.392-72.89-29.149-95.51-43.312-11.31-7.084-20.04-13.94-26.11-20.427-6.05-6.466-9.17-12.272-9.89-17.321-.91-14.979 1.76-26.828 7.34-36.193 5.59-9.392 14.32-16.639 26.1-22.025 23.77-10.864 59.32-13.86 104-11.752 59.43 2.804 133.59 14.515 215.04 27.378 40.93 6.465 83.71 13.221 127.39 19.283 38.9 5.398 77.64 10.239 115.24 14.936 88.57 11.065 170.75 21.331 233.37 36.207 44.68 10.614 78.57 23.408 97.66 39.959 9.45 8.187 15.05 17.108 16.76 26.975 1.7 9.801-.35 21.097-7.27 34.284z" class="bottom" />
      <path fill="#BBC5D2" stroke="#15286E" stroke-width="8" d="M2226.47 958.713c-.69 4.968-3.95 9.93-10.57 14.752-6.62 4.825-16.23 9.226-28.72 13.074-24.96 7.69-60.5 12.905-104.2 15.401-87.33 4.99-206.38-.92-336.4-18.971-130.02-18.046-246.17-44.778-328.84-73.361-41.37-14.303-74.15-29.001-96.07-43.196-10.97-7.104-19.02-13.956-24.07-20.402-5.06-6.442-6.85-12.107-6.16-17.075.69-4.968 3.96-9.93 10.57-14.752 6.63-4.826 16.24-9.226 28.72-13.075 24.96-7.689 60.51-12.904 104.2-15.4 87.33-4.988 206.38.924 336.4 18.97 130.02 18.046 246.17 44.778 328.84 73.362 41.37 14.302 74.15 29.001 96.07 43.196 10.97 7.104 19.02 13.955 24.07 20.402 5.06 6.442 6.85 12.107 6.16 17.075z" class="top" />
      <path fill="#7B959D" d="M2012.84 875.865c-2.31 16.581-119.33 40.672-256.91 21.577-137.58-19.096-243.62-74.147-241.32-90.728 2.3-16.58 115.7-14.542 253.28 4.554 137.58 19.095 247.25 48.016 244.95 64.597z" class="inside-back" />
      <path fill="#15286E" d="M2009.8 883.207c-2.05 14.771-118.48 34.541-256.06 15.446-137.58-19.096-244.22-69.826-242.17-84.596 2.05-14.77 115.25-11.264 252.83 7.831 137.58 19.096 247.45 46.549 245.4 61.319z" class="inside" />
      <path fill="#F2F2F2" d="M1807.93 552.315c-262.97-36.5-293.6 264.145-293.6 264.145s62.31 56.603 245.97 79.065c183.66 22.462 255.72-9.433 255.72-9.433s54.89-297.277-208.09-333.777z" class="glass" opacity=".2" />
      <g class="alien">
        <path fill="#9AD451" stroke="#15286E" stroke-width="8" d="M1749.54 811.608c-2.01-14.644-11.14-36.174-11.14-36.174l38.33 28.79-12.52 23.656s10.5 2.604 12.27 8.629c8.64 29.286 18.25 62.556 18.25 62.556l-81.16-11.265s12.96-48.99 22.14-56.949c4.63-4.011 14.91-4.857 14.91-4.857s-.31-8.804-1.08-14.386z" class="alien-body" />
        <g class="alien-head">
          <path fill="#9AD451" stroke="#15286E" stroke-width="8" d="M1783.97 811.436c9.88-1.344 20.07-7.682 29.55-16.552 9.55-8.95 18.78-20.856 26.72-34.09 15.8-26.337 26.99-58.779 24.91-84.713-4.15-51.637-48.5-90.357-99.22-86.281-50.72 4.076-88.31 49.381-84.16 101.019 2.09 25.961 19.12 57.069 39.29 80.945 10.13 12.003 21.24 22.4 31.98 29.555 10.57 7.05 21.46 11.404 30.93 10.117z" class="alien-head_2" />
          <path fill="#6C964C" fill-rule="evenodd" d="M1800.56 598.118c32.8 10.955 57.66 41.153 60.66 78.465 3.98 49.52-43.01 126.348-77.73 131.071-10.17 1.383-23.37-4.958-36.76-15.843 18.69 4.244 37.17 7.299 45.01 3.61 28.52-13.43 39.36-44.236 43.6-74.785 4.81-34.696-12.2-71.304-24.37-97.514-4.7-10.122-8.68-18.693-10.41-25.004z" class="Intersect" clip-rule="evenodd" />
          <g class="alien-mouth">
            <path fill="#15286E" stroke="#15286E" stroke-width="4" d="M1783.36 771.572c-1.69-.096-3.76-.622-6.06-1.35a141.554 141.554 0 01-3.46-1.149c-1.16-.392-2.33-.788-3.46-1.132-2.19-.67-4.49-1.241-6.43-1.139-1.01.053-2.07.29-2.99.922-.97.66-1.6 1.625-1.91 2.785-1.63 6.079.26 11.102 4.01 14.68 3.66 3.488 9.01 5.548 14.43 6.213 5.42.666 11.19-.031 15.78-2.372 4.65-2.377 8.14-6.498 8.55-12.467 0-.015 0-.032.01-.051.01-.195.04-.558 0-.911a2.842 2.842 0 00-.64-1.574c-.42-.498-.94-.781-1.4-.959-.46-.177-.99-.301-1.57-.4-2.16-.374-6.39-.614-14.39-1.069l-.47-.027z" class="alien-lips" />
            <path fill="#fff" stroke="#15286E" stroke-width="4" d="M1783.18 774.322c-3.23-.434-7.02-1.719-10.45-2.883-.26-.087-.51-.173-.76-.258-1.75-.591-3.44-1.147-4.77-1.437-.65-.143-1.36-.254-2.01-.226-.57.025-1.71.185-2.39 1.231-.7 1.073-1.06 2.237-.99 3.442.07 1.188.53 2.24 1.16 3.131 1.23 1.726 3.28 3.103 5.39 4.169 4.26 2.153 9.83 3.54 13.17 3.737 3.31.195 7.88.431 11.46-.292 1.78-.359 3.63-1.01 4.93-2.293 1.44-1.416 1.96-3.344 1.49-5.566-.26-1.199-1.26-1.698-1.68-1.872-.52-.211-1.1-.319-1.63-.386-1.07-.137-2.46-.167-3.89-.177-.5-.004-1-.005-1.51-.006-2.57-.006-5.29-.013-7.52-.314z" class="alien-teeth" />
          </g>
          <g class="alien-nose">
            <ellipse cx="1784.9" cy="756.01" fill="#15286E" class="Ellipse 12" rx="3.283" ry="4.268" transform="rotate(1.853 1784.9 756.01)" />
            <ellipse fill="#15286E" class="Ellipse 14" rx="3.283" ry="4.268" transform="scale(-1 1) rotate(-1.853 22504.64 55835.682)" />
          </g>
          <g class="alien-eye-left">
            <path fill="#15286E" d="M1770.05 663.594c-15.77-6.969-31.22.562-29.36.622 1.86.06 16.45-1.666 24.64 2.195 16.97 8.007 18.75 24.679 21.05 25.685 2.3 1.005 3.02-19.951-16.33-28.502z" class="Vector 32" />
            <path fill="#15286E" d="M1744 753.016c13.39 6.388 21.53 3.122 19.93 3.071-1.6-.052-14.69-4.046-19.02-6.68-16.1-9.818-15.95-23.942-17.92-24.814-1.98-.871-3.9 18.448 17.01 28.423z" class="Vector 33" />
            <path fill="#15286E" stroke="#15286E" stroke-width="4" d="M1775.59 749.623c7.55-3.542 12.04-11.188 13.46-20.274 1.42-9.101-.19-19.874-5.04-30.22s-12.11-18.469-20.02-23.195c-7.89-4.718-16.64-6.15-24.19-2.608-7.55 3.543-12.05 11.189-13.47 20.275-1.41 9.1.19 19.873 5.05 30.22 4.85 10.346 12.11 18.468 20.01 23.194 7.89 4.719 16.65 6.151 24.2 2.608z" class="Ellipse 11" />
            <path fill="#707DA6" stroke="#15286E" stroke-width="4" d="M1745.4 679.568c-3.78 1.734-6.37 5.771-7.78 9.299-.72 1.811-1.2 3.638-1.36 5.206-.08.781-.09 1.56.02 2.271.1.669.34 1.515.96 2.182.68.725 1.61 1.05 2.58.88.79-.137 1.43-.571 1.85-.913.83-.66 1.72-1.694 2.52-2.633.05-.049.09-.098.13-.146.91-1.054 1.83-2.115 2.81-3.01.98-.904 1.9-1.51 2.73-1.774 1.07-.339 2.34-.347 3.78-.104s2.92.71 4.4 1.21c.19.066.39.132.59.2 1.23.419 2.52.859 3.62 1.077 1.11.22 3.08.446 4.37-1.071.95-1.12.69-2.455.4-3.215-.31-.813-.86-1.609-1.48-2.326-1.25-1.461-3.13-3.032-5.26-4.378-2.15-1.35-4.65-2.543-7.18-3.163-2.52-.615-5.26-.712-7.7.408z" class="Vector 31" />
          </g>
          <g class="alien-eye-right">
            <path fill="#15286E" d="M1839.16 671.073c17.22-.829 28.93 11.756 27.17 11.141-1.76-.614-14.75-7.473-23.78-6.814-18.71 1.367-26.37 16.282-28.88 16.393-2.51.112 4.36-19.702 25.49-20.72z" class="Vector 32_2" />
            <path fill="#15286E" d="M1828.44 762.402c-8.72 2.023-14.81-.763-13.96-.552.85.212 10.65-1.031 13.39-2.112 21.51-8.505 11.98.018.57 2.664z" class="Vector 33_2" />
            <path fill="#15286E" stroke="#15286E" stroke-width="4" d="M1805.15 752.316c-6.3-5.465-8.54-14.046-7.43-23.174 1.11-9.143 5.59-19.071 13.08-27.705 7.49-8.633 16.68-14.472 25.58-16.867 8.88-2.39 17.69-1.384 23.99 4.081 6.3 5.465 8.54 14.046 7.43 23.175-1.11 9.143-5.59 19.071-13.08 27.704-7.49 8.634-16.68 14.473-25.58 16.867-8.88 2.391-17.69 1.384-23.99-4.081z" class="Ellipse 11_2" />
            <path fill="#707DA6" stroke="#15286E" stroke-width="4" d="M1853.28 693.131c3.16 2.698 4.56 7.288 4.95 11.067.2 1.938.16 3.825-.11 5.378-.14.773-.34 1.525-.64 2.18-.28.616-.74 1.365-1.52 1.837-.84.515-1.83.573-2.72.146-.72-.347-1.21-.938-1.53-1.383-.61-.86-1.19-2.097-1.71-3.22-.03-.059-.05-.118-.08-.176-.59-1.261-1.18-2.532-1.88-3.66-.7-1.139-1.42-1.97-2.15-2.452-.94-.618-2.15-.969-3.6-1.128-1.45-.159-3.01-.112-4.57-.034l-.62.032c-1.3.068-2.66.14-3.78.05-1.13-.092-3.09-.411-3.91-2.221-.61-1.336 0-2.55.49-3.203.52-.698 1.27-1.313 2.05-1.835 1.61-1.065 3.84-2.065 6.26-2.779 2.43-.715 5.17-1.181 7.77-1.087 2.59.093 5.26.747 7.3 2.488z" class="Vector 31_2" />
          </g>
        </g>
      </g>
      <path stroke="#15286E" stroke-width="8" d="M1804.83 552.388c-262.98-36.5-293.6 264.145-293.6 264.145s62.31 56.604 245.97 79.065c183.65 22.462 255.72-9.433 255.72-9.433s54.89-297.277-208.09-333.777z" class="glass_2" />
      <g class="glass-light" opacity=".9">
        <path fill="#fff" d="M1673.92 636.411c26.89-26.262 7.33-55.549-24.91-30.783-25.83 19.831 2.52 52.654 24.91 30.783z" class="Vector 36" />
        <path fill="#fff" d="M1579.74 703.478c13.93-26.381 48.23-69.571 65.37-47.497 9.48 12.198-14.16 28.878-32.52 67.93-12.83 27.274-8.08 69.561-34.48 67.258-20.47-1.787-13.78-58.511 1.63-87.691z" class="Vector 35" />
      </g>
      <g class="Union">
        <mask id="a" fill="#fff" class="path-70-inside-1">
          <path fill-rule="evenodd" d="M1443.55 867.715c-1.71 12.309-16.17 20.471-32.31 18.231-16.14-2.24-27.84-14.033-26.13-26.342 1.71-12.308 16.18-20.47 32.31-18.231 16.14 2.24 27.84 14.034 26.13 26.342zm155.62 49.868c-1.71 12.308-16.17 20.471-32.31 18.231-16.14-2.24-27.84-14.034-26.13-26.342 1.71-12.309 16.18-20.471 32.32-18.231 16.13 2.24 27.83 14.034 26.12 26.342zm149.12 49.47c16.14 2.239 30.6-5.923 32.31-18.231 1.71-12.309-9.99-24.102-26.13-26.342-16.13-2.24-30.6 5.922-32.31 18.231-1.71 12.308 9.99 24.102 26.13 26.342zm219.35 1.672c-1.71 12.308-16.18 20.47-32.31 18.23-16.14-2.239-27.84-14.033-26.13-26.341 1.71-12.309 16.18-20.471 32.31-18.231 16.14 2.24 27.84 14.033 26.13 26.342zm126.91 13.071c16.14 2.24 30.6-5.923 32.31-18.231 1.71-12.308-9.99-24.102-26.13-26.342-16.13-2.24-30.6 5.922-32.31 18.231-1.71 12.308 9.99 24.102 26.13 26.342z" clip-rule="evenodd" />
        </mask>
        <path fill="#F8D047" fill-rule="evenodd" d="M1443.55 867.715c-1.71 12.309-16.17 20.471-32.31 18.231-16.14-2.24-27.84-14.033-26.13-26.342 1.71-12.308 16.18-20.47 32.31-18.231 16.14 2.24 27.84 14.034 26.13 26.342zm155.62 49.868c-1.71 12.308-16.17 20.471-32.31 18.231-16.14-2.24-27.84-14.034-26.13-26.342 1.71-12.309 16.18-20.471 32.32-18.231 16.13 2.24 27.83 14.034 26.12 26.342zm149.12 49.47c16.14 2.239 30.6-5.923 32.31-18.231 1.71-12.309-9.99-24.102-26.13-26.342-16.13-2.24-30.6 5.922-32.31 18.231-1.71 12.308 9.99 24.102 26.13 26.342zm219.35 1.672c-1.71 12.308-16.18 20.47-32.31 18.23-16.14-2.239-27.84-14.033-26.13-26.341 1.71-12.309 16.18-20.471 32.31-18.231 16.14 2.24 27.84 14.033 26.13 26.342zm126.91 13.071c16.14 2.24 30.6-5.923 32.31-18.231 1.71-12.308-9.99-24.102-26.13-26.342-16.13-2.24-30.6 5.922-32.31 18.231-1.71 12.308 9.99 24.102 26.13 26.342z" clip-rule="evenodd" />
        <path fill="#15286E" d="M1410.14 893.87c9.65 1.339 19.09-.381 26.6-4.616 7.51-4.239 13.46-11.288 14.73-20.439l-15.84-2.199c-.44 3.157-2.57 6.344-6.76 8.703-4.18 2.363-10.04 3.604-16.53 2.703l-2.2 15.848zm-32.95-35.366c-1.27 9.151 2.54 17.555 8.61 23.681 6.07 6.119 14.69 10.346 24.34 11.685l2.2-15.848c-6.49-.9-11.79-3.69-15.18-7.105-3.38-3.408-4.56-7.055-4.13-10.213l-15.84-2.2zm41.33-25.055c-9.65-1.339-19.09.382-26.59 4.617-7.52 4.239-13.47 11.288-14.74 20.438l15.84 2.2c.44-3.158 2.58-6.344 6.76-8.703 4.19-2.363 10.05-3.604 16.53-2.704l2.2-15.848zm32.95 35.366c1.27-9.15-2.54-17.555-8.61-23.68-6.07-6.119-14.69-10.346-24.34-11.686l-2.2 15.848c6.49.901 11.79 3.691 15.18 7.105 3.38 3.409 4.56 7.056 4.13 10.214l15.84 2.199zm114.29 74.923c9.65 1.339 19.09-.381 26.6-4.616 7.51-4.24 13.47-11.289 14.74-20.439l-15.85-2.2c-.44 3.158-2.57 6.344-6.75 8.703-4.19 2.364-10.05 3.604-16.54 2.704l-2.2 15.848zm-32.95-35.366c-1.27 9.151 2.54 17.555 8.61 23.68 6.07 6.119 14.69 10.347 24.34 11.686l2.2-15.848c-6.49-.901-11.79-3.69-15.18-7.105-3.38-3.409-4.56-7.055-4.12-10.213l-15.85-2.2zm41.34-25.055c-9.65-1.339-19.1.381-26.6 4.616-7.52 4.24-13.47 11.289-14.74 20.439l15.85 2.2c.44-3.158 2.57-6.344 6.75-8.704 4.19-2.363 10.05-3.603 16.54-2.703l2.2-15.848zm32.95 35.366c1.27-9.151-2.54-17.555-8.62-23.68-6.07-6.119-14.69-10.347-24.33-11.686l-2.2 15.848c6.48.901 11.78 3.69 15.17 7.105 3.38 3.409 4.57 7.055 4.13 10.213l15.85 2.2zm165.58 29.039c-.44 3.158-2.57 6.344-6.76 8.703-4.18 2.363-10.04 3.604-16.53 2.704l-2.2 15.848c9.65 1.339 19.09-.382 26.6-4.617 7.51-4.239 13.46-11.288 14.73-20.438l-15.84-2.2zm-19.31-17.318c6.49.901 11.79 3.69 15.18 7.105 3.38 3.408 4.56 7.055 4.13 10.213l15.84 2.2c1.27-9.151-2.54-17.555-8.61-23.68-6.07-6.12-14.69-10.347-24.34-11.686l-2.2 15.848zm-23.29 11.406c.44-3.157 2.58-6.344 6.76-8.703 4.19-2.363 10.05-3.604 16.53-2.703l2.2-15.848c-9.65-1.339-19.09.381-26.59 4.616-7.52 4.239-13.47 11.288-14.74 20.439l15.84 2.199zm19.31 17.319c-6.49-.901-11.79-3.691-15.18-7.105-3.38-3.409-4.56-7.056-4.13-10.214l-15.84-2.199c-1.27 9.15 2.54 17.555 8.61 23.68 6.07 6.119 14.69 10.346 24.34 11.686l2.2-15.848zm184.84 35.75c9.65 1.34 19.09-.381 26.6-4.616 7.51-4.239 13.46-11.288 14.73-20.439l-15.84-2.199c-.44 3.158-2.58 6.344-6.76 8.703-4.19 2.363-10.04 3.604-16.53 2.703l-2.2 15.848zm-32.95-35.365c-1.27 9.15 2.54 17.555 8.61 23.68 6.07 6.119 14.69 10.346 24.34 11.685l2.2-15.848c-6.49-.9-11.79-3.69-15.18-7.104-3.38-3.409-4.56-7.056-4.13-10.214l-15.84-2.199zm41.33-25.055c-9.65-1.34-19.09.381-26.59 4.616-7.52 4.239-13.47 11.288-14.74 20.439l15.84 2.199c.44-3.158 2.58-6.344 6.76-8.703 4.19-2.363 10.05-3.604 16.53-2.703l2.2-15.848zm32.95 35.365c1.27-9.15-2.54-17.554-8.61-23.68-6.07-6.119-14.69-10.346-24.34-11.685l-2.2 15.848c6.49.9 11.79 3.69 15.18 7.105 3.38 3.408 4.56 7.055 4.13 10.213l15.84 2.199zm143.38-7.359c-.44 3.158-2.57 6.344-6.76 8.703-4.18 2.364-10.04 3.604-16.53 2.704l-2.2 15.848c9.65 1.339 19.09-.381 26.6-4.616 7.51-4.24 13.47-11.289 14.74-20.439l-15.85-2.2zm-19.3-17.318c6.48.901 11.78 3.69 15.17 7.105 3.38 3.409 4.57 7.055 4.13 10.213l15.85 2.2c1.27-9.151-2.54-17.555-8.62-23.68-6.07-6.12-14.69-10.347-24.34-11.686l-2.19 15.848zm-23.29 11.407c.43-3.158 2.57-6.345 6.75-8.704 4.19-2.363 10.05-3.603 16.54-2.703l2.19-15.848c-9.64-1.339-19.09.381-26.59 4.616-7.52 4.24-13.47 11.289-14.74 20.439l15.85 2.2zm19.3 17.318c-6.49-.901-11.79-3.69-15.18-7.105-3.38-3.409-4.56-7.055-4.12-10.213l-15.85-2.2c-1.27 9.151 2.54 17.555 8.61 23.68 6.07 6.119 14.69 10.347 24.34 11.686l2.2-15.848z" mask="url(#a)" />
      </g>
    </g>


    </g>

</svg>
<!-- partial -->

</footer>
<footer class="footer">



<svg class="Footer_gelombang" xmlns="http://www.w3.org/2000/svg" width="1440" height="187" fill="none" viewBox="0 0 1440 187"><path fill="#CB56AC" d="M0 27.98S52.787 15.8 69.431 14.517c16.644-1.283 17.937-2.566 40.987 0 23.061 2.565 34.58 11.979 65.329 5.989 30.748-5.99 40.986-6.39 57.641-7.472 16.656-1.083 47.393 16.227 74.298 15.591C334.579 27.991 367.89.421 389.658.421c21.769 0 34.581 16.685 51.236 14.108 16.656-2.577 21.781 14.097 44.83 8.967 23.062-5.13 34.581-1.918 60.204 1.283 25.613 3.2 44.83 4.518 85.817 3.86 40.986-.66 29.455 6.389 58.923 6.389 29.467 0 70.454-33.337 105.034-34.62 34.58-1.282 80.691 16.675 165.238 8.98 84.54-7.697 64.05 21.804 90.94 25.651 26.89 3.848 42.27 12.827 64.05 7.696 21.78-5.13 32.02-14.109 60.2-11.543 28.18 2.565 35.86-15.392 65.33-15.392s44.83 20.522 87.1 20.522c42.27 0 70.45 1.283 111.44-6.413l-1.3 163.151H0V27.98z"></path></svg>

<div class="footer-isi">
<img src="https://img.ridvanmau.com/ridvan-maulana/logo-footer.svg" alt="" data-lazy-src="https://img.ridvanmau.com/ridvan-maulana/logo-footer.svg" alt="Ridvan Maulana's Blog" width="350" height="119">
</div>

 
 <nav>
 
     <ul class="footer__nav">
 <li class="list-inline-item">
                 <li class="footer__nav-item"><a href="https://www.ridvanmau.com/about">Tentang</a></li>
                 <li class="footer__nav-item"><a href="https://www.ridvanmau.com/topik/cerita/">Cerita</a></li>
 				<li class="footer__nav-item"><a href="https://www.ridvanmau.com/topik/blog-arsip/">Blog Arsip</a></li>
 				<li class="footer__nav-item"><a href="https://www.ridvanmau.com/privacy-policy">Privacy Policy</a></li>
 				<li class="footer__nav-item"><a href="https://www.ridvanmau.com/contact">Kontak</a></li>
     </ul>
 
 </nav>
 
 
      <div class="footer__social">
            <a href="https://facebook.com/ridvancuy" aria-label="Facebook" class="facebook">
               <svg>
                  <use xlink:href="https://www.ridvanmau.com/assets/svg/svg-map.svg#facebook"/>
               </svg>
            </a>
            <a href="https://instagram.com/ridvanmaulana" aria-label="Instagram" class="instagram">
               <svg>
                  <use xlink:href="https://www.ridvanmau.com/assets/svg/svg-map.svg#instagram"/>
               </svg>
            </a>
            <a href="https://youtube.com/@ridvanmaulana" aria-label="Youtube" class="youtube">
               <svg>
                  <use xlink:href="https://www.ridvanmau.com/assets/svg/svg-map.svg#youtube"/>
               </svg>
            </a>
      </div>


		
      <div class="footer__copyright">
         © 2023 Ridvan Maulana's Blog
      </div>
   
   

   
</footer>
<script>
   window.publiiThemeMenuConfig = {    
      mobileMenuMode: 'sidebar',
      animationSpeed: 300,
      submenuWidth: 'auto',
      doubleClickTime: 500,
      mobileMenuExpandableSubmenus: true, 
      relatedContainerForOverlayMenuSelector: '.navbar',
   };
</script>
<script defer src="https://www.ridvanmau.com/assets/js/scripts.min.js?v=66112a161d5939d966ce2b20c13988d9"></script>
   <script>        
      var images = document.querySelectorAll('img[loading]');

      for (var i = 0; i < images.length; i++) {
         if (images[i].complete) {
               images[i].classList.add('is-loaded');
         } else {
               images[i].addEventListener('load', function () {
                  this.classList.add('is-loaded');
               }, false);
         }
      }
   </script>




		   <script src="https://www.ridvanmau.com/media/plugins/docSearch/docsearch.min.js"></script>
			<script type="text/javascript">
			docsearch({
				container: '#docsearch',
				appId: 'MOGGFI80X4',
				indexName: 'ridvanmau',
				apiKey: 'c89626b5bba605a87e048644bdefc8a5',
				debug: false
			});
			</script>

			
		
</body>
</html>