Cara Memasang Notifikasi Pop Up Ucapan Selamat Berpuasa Di Blog [Blogger]

Cara Memasang Notifikasi Pop Up Ucapan Selamat Berpuasa Di Blog [Blogger]

Cara Memasang Notifikasi Pop Up Ucapan Selamat Berpuasa Di Blog [Blogger] - Berkaitan beserta bulan Ramadhan (puasa), maka kita sebagai seorang blogger mampu memberikan nuansa baru bagi para pembaca/pengunjung blog kita.

Caranya yaitu beserta memasang Pop-Up ucapan selamat berpuasa, dimana Pop-Up ini akan timbul secara otomatis pada saat pengunjung membuka situs blog kita.

Nah, beserta kamu memasang Pop-Up ucapan selamat berpuasa ini, pastinya para pengunjung blog lebih merasa dihargai ibadah puasanya, khususnya buat umat islam itu sendiri.

Baiklah, tanpa berlama-lama lagi, berikut merupakan cara memasang notifikasi Pop-Up ucapan selamat berpuasa di situs blog:

1. Buka blogger.com
2. Masuk ke sajian Tema>Edit HTML
3. Letakkan kode berikut, sebelum </head>
<b:if cond='data:view.ishomepage'><style type='text/css'>/* Pop Up Ramadhan */@keyframes slideDown0%opacity:0;transform:translateY(-10%)100%opacity:1;transform:translateY(0%)#toppuasa2019kuline-height:1.55;display:block;background:#fff;position:fixed;top:25%;right:0;left:0;margin:auto;text-align:center;max-width:600px;box-shadow:0 0 2.5rem -1.5rem rgba(0,0,0,0.5);z-index:99;min-height:325px;padding:20px;border-radius:10px;animation:slideDown 2s#toppuasa2019ku .puasa19position:absolute;color:#222;font-size:1.5rem;font-weight:400;z-index:99999;text-align:center;margin:auto;padding:10px;left:0;right:0;top:17%;border-bottom:1px solid rgba(0,0,0,0.05);border-top:1px solid rgba(0,0,0,0.05)#toppuasa2019ku .puasa19 pmargin:10px auto;font-style:italic;font-family:Georgia#toppuasa2019ku .puasa19 .ramadhan2019font-size:2.5rem;font-style:normal#toppuasa2019ku a.close-popupbackground:#428bca;position:absolute;bottom:20px;right:20px;color:#fff;text-align:center;cursor:pointer;z-index:99;border-radius:3px;display:inline-block;font-size:13px;padding:4px 14px;min-width:60px;border:1px solid #3885c7;transition:all 0.3s#toppuasa2019ku a.close-popup:hoverbackground:#fff;color:#3885c7;border-color:#3885c7#toppuasa2019ku a.close-popup:activeopacity:.9.ketupatposition:absolute;left:0;right:0;top:-12px;margin:auto;width:10px;height:10px;background:#B9E937;box-shadow:10px 0 0 #57D131,10px 10px 0 #B9E937,0px 10px 0 #57D131,5px 5px 0 10px #fff;display:inline-block;text-align:center;transform:rotate(45deg);z-index:2.ketupat.duaatop:initial;bottom:3px@media screen and (max-width:768px)#toppuasa2019ku .puasa19font-size:1rem#toppuasa2019ku .puasa19 .ramadhan2019font-size:1.5rem#toppuasa2019kumin-height:260px;left:20px;right:20px</style></b:if>
4. Dilanjutkan bersama meletakkan kode berikut, sebelum </body>
<b:if cond='data:view.ishomepage'><div id='toppuasa2019ku'><div class='ketupat'/><a class='close-popup' href='#' title='Close this message'>Close</a><div class='puasa19'> <p>Selamat Menunaikan Ibadah Puasa</p> <p><span class='ramadhan2019'>Ramadhan 1440 H</span></p> <p>Mohon Maaf Lahir Batin</p></div><div class='ketupat duaa'/></div><script type='text/javascript'>//<![CDATA[$(window).bind("load",function()$("#toppuasa2019ku").animate(top:"25%",1e3),$("a.close-popup").click(function()return $(this).parent().fadeOut(1e3),!1));//]]></script></b:if>
5. Selesai


Penutup

Demikianlah tutorial singkat buat memasang Pop-Up ucapan selamat berpuasa. Semoga saja setelah kamu memasang Pop-Up ini, pengunjung blog anda akan semakin banyak nantinya.

Nah, mungkin itu saja yg dapat aku sampaikan pada kesempatan kali ini, kurang lebihnya mohon maaf. Terimakasih dan sampai jumpa di lain kesempatan.
Cara Memasang Notifikasi Pop Up Ucapan Selamat Berpuasa Di Blog [Blogger] Cara Memasang Notifikasi Pop Up Ucapan Selamat Berpuasa Di Blog [Blogger] - Berkaitan beserta bulan Ramadhan (puasa), maka kita sebagai...

Artikel Terkait

Berikan Komentar

  1. Untuk menulis kode gunakan <i>KODE</i>
  2. Untuk menyisipkan kode ke dalam Syntax Highlighter gunakan <em>KODE YANG LEBIH PANJANG</em>
  3. Kode harus di-parse terlebih dulu agar bisa ditulis.
  4. Centang Notify me untuk mendapatkan notifikasi balasan komentar melalui Email.
histats