Tutorial Memasang Pop Up Ucapan Selamat Berpuasa di Blog

Tutorial Memasang Pop Up Ucapan Selamat Berpuasa di Blog
Pada saat bulan ramadhan seperti saat ini, rasanya cukup elok jika sebagai blogger kita memasang pop up ucapan selamat berpuasa di blog untuk menyampaikan salam kepada pengunjung blog kita yang sedang menjalankan ibadah puasa di bulan ramadhan.
Nah... jika Anda juga ingin memasang pop ucapan selamat ini. Silakan ikuti panduan blogging di bawah ini:



1. Menu Tata Letak > Tambah Widget > HTML/Javascript.
2. Salin script di bawah ini, lalu pastekan ke dalam widget dan save
<!-- POPUP SELAMAT MENJALANKAN IBADAH PUASA JOKIJENIUS -->
<style>
.hide{display:none;visibility:hidden;}
.popbox{position:fixed;top:0;left:0;bottom:0;width:100%;z-index:1000000;}
.pop-content{width:850px;height:450px;display:block;position:absolute;top:50%;left:50%;margin:-225px 0 0 -425px;z-index:2;box-shadow:0 3px 20px 0 rgba(0,0,0,.5);}

.popcontent{width:100%;height:100%;display:block;background:#fff;border-radius:5px;overflow:hidden}
.pop-overlay{position:absolute;top:0;left:0;bottom:0;width:100%;z-index:1;background:rgba(0,0,0,.7)}
.popbox-close-button{position:absolute;width:28px;height:28px;line-height:28px;text-align:center;top:-14px;right:-14px;background-color:#fff;box-shadow:0 -1px 1px 0 rgba(0,0,0,.2);border:none;border-radius:50%;cursor:pointer;font-size:34px;font-weight:lighter;padding:0}
.popcontent img{width:100%;height:100%;display:block}
.flowbox{position:relative;overflow:hidden}
@media screen and (max-width:840px){.pop-content{width:90%;height:auto;top:20%;margin:0 0 0 -45%}
.popcontent img{height:auto}
}
</style><br />
    <div class="popbox hide" id="popbox">      <div aria-label='Close' class="pop-overlay" onclick='document.getElementById("popbox").style.display="none";removeClassonBody();'/>      <div class="pop-content">        <a href="www.jokijenius-sharing.net" target="_blank" rel="noopener noreferrer" title="box"><br />
          <div class="popcontent">            <img src="https://1.bp.blogspot.com/-EM-EYptqDZQ/XM6vVEIDrMI/AAAAAAAAECY/HDUpoqemnJ4JlRkT1WzXUXQB7nCyPB0GACLcBGAs/s1600/sambut-1-ramadhan-1440-h2019-marak-ucapan-marhaban-ya-ramadhan-apa-arti-sebenarnya-min.jpg" alt="banner" width="850" height="450"/><br />
          </div>        </a><br />
        <button aria-label='Close' class='popbox-close-button' onclick='document.getElementById("popbox").style.display="none";removeClassonBody();'>×</button><br />
      </div>    </div><script>
//<![CDATA[
setTimeout(function(){
 document.getElementById('popbox').classList.remove('hide');
 document.body.className+=" flowbox"
 }, 5000);
function removeClassonBody(){var element=document.body;element.className=element.className.replace(/\bflowbox\b/g,"")}
//]]>
</script></div>
3. Selesai.
TIPS DAN TRIK

NULIS ARTIKEL DIJOKIJENIUS DIBAYAR

  • ARTKEL YANG DITULIS ASLI BUATAN SENDIRI
  • JENIS ARTIKEL YANG DITULIS BELUM PASARAN
  • JUMLAH KATA DALAM ARTIKEL MINIMAL 700 KATA
  • SATU ARTIKEL KAMI HARGAI 10.000

0 Response to "Tutorial Memasang Pop Up Ucapan Selamat Berpuasa di Blog"

Post a Comment

Catatan Berkomentar
  • Mohon Tinggalkan jejak sesuai dengan judul artikel.
  • Tidak diperbolehkan untuk mempromosikan barang atau berjualan.
  • Dilarang mencantumkan link aktif di komentar.
  • Komentar dengan link aktif akan otomatis dihapus
  • *Berkomentarlah dengan baik, Kepribadian Anda tercemin saat berkomentar.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel