Beranda  ›  Splas Scren Blogg

Splas Scren Blogg

Your Ads Here

 

Buka  tempelkan di atas kode ]]></b:skin>

/* splash screen by wendy code */ .wc-splash-wrap{position:fixed;height:100%;width:100%;top:0;left:0;right:0;bottom:0;background:#fefefe;z-index:9999999} .wc-splash-wrap .wc-splash-screen{position:relative;top:50%;left:50%;display:flex;background:transparent;flex-direction:column;align-items:center;width:100%;transform: translate(-50% , -50%) scale(0.97);opacity:0} .wc-splash-wrap .wc-splash-screen img{width:150px;height:150px} .wc-splash-wrap .wc-splash-screen span{text-align:center;font-size:15px;font-weight:600;margin:20px;font-family:Noto Sans', sans-serif}


lalu letakakan html berikut di bawah kode <body>


<div class='wc-splash-wrap'> <div class='wc-splash-screen'> <img alt='wendycode' src='https://blogger.googleusercontent.com/img/a/AVvXsEikW9MHtTzwmWxbNP66ONJTKOGQ6xVrv_TaBck9z4fDzfrUMcLbtfl3V_MIFtema7jpUwICmeRXIYCD0xoRG6h4TONzdJ37EVB_6_RE4f_aMbB2sASlm2m5rFFoZvXGySGVSVrTQ7s2GhFmtCioBIIo6teg3mQKn-nTlbwru2C8BJhn_wfJRh2qL2ghww=s1080'/> <span>wendy code</span> </div> </div>

bagian yang saya tandai silakan di ubah dengan url gambar logo kalian dan nama blog kalian.


dan terakhir salin kose script di atas kode </body>

<script> //<![CDATA[ /* * Wendy Code Splash Screen * Copyright (c) 2021 https://www.wendycode.com * Javascript Pure */ var splashSession = sessionStorage.getItem('splashSession'); document.addEventListener('DOMContentLoaded',function(){ if (splashSession === null) { document.querySelector('.wc-splash-screen').style.opacity ='1'; splashSession = sessionStorage.setItem('splashSession',true); setTimeout(function(){ document.querySelector('.wc-splash-wrap').style.display ='none'; }, 3000); } else{ document.querySelector('.wc-splash-wrap').style.display ='none'; }}); //]]> </script>


Your Ads Here

Your Ads Here

Your Ads Here

Your Ads Here

Postingan Lebih Baru Postingan Lebih Baru Postingan Lama Postingan Lama
Your Ads Here

Komentar

Posting Komentar
Loading comments...