Tutorial Bikin Aplikasi dot Com

Thread Starter

rifkonhakiki

Chief Technology Officer
Join
23 Sep 2017
Post
19,993
Likes
1,994
Device
XS Max
Gender
Laki-laki
#1
Design Tulisan Welcome
Code:
<center><b><span style="font-size: 13px;color: GREEN">Assalamu'alaikum Sahabat Muslim Store  </b></center><div align="center"><marquee bgcolor="#AFEEEE" direction="left" height:="loop="10" scrollamount="5" scrolldelay="7" width="100%">  Muslim Store Insyaallah Berkah , Amanah & Izzah  ☺ </marquee>
efd13611-d409-4666-95d4-4ffc5fb9444e.jpg


Countdown
Code:
<p id="fsale"></p>

<script>

var countDownDate = new Date("October 5, 2018 24:00:00").getTime();

var x = setInterval(function() {

var now = new Date().getTime();

var distance = countDownDate - now;

var days = Math.floor(distance / (1000 * 60 * 60 * 24));

var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));

var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));

var seconds = Math.floor((distance % (1000 * 60)) / 1000);

document.getElementById("fsale").innerHTML = days + "D: " + hours + "H: "

+ minutes + "M: " + seconds + "S ";

if (distance < 0) {

clearInterval(x);

document.getElementById("fsale").innerHTML = "EXPIRED";

}

}, 1000);

</script>


SET Countdown (Bulan tanggal, tahun waktu)

Var countDownDate= new Date("October 5, 2018 24.00.00")
Welcome Home Flat
Code:
<center><b><font size="2">Bismillah..,
muslim store adalah aplikasi android yang berusaha menyediakan berbagai kebutuhan para sahabat fillah.
berawal dari aplikasi marketplace, kini kami berkembang menjadi satu-satunya aplikasi yang multi fungsi.
muslim store tidak hanya hadir sebagai rekan bisnis anda sebagai supplier busana muslim dan produk-produk islami lainnya.
namun kini kami hadir sebagai aplikasi android yang siap berbagi informasi-informasi islami yang anda dan keluarga butuhkan.
kini para sahabat dapat menggunakan muslim store sebagai sarana belajar Al-Qur'an dan Hadits yang Alhamdulillah sudah dapat di akses dari satu aplikasi yang insyaallah bermanfaat bagi sahabat fillah</font></b></center>
WhatsApp Image 2018-11-13 at 10.47.28.jpeg


Logo Pembayaran Bank
#BikinPaham : Menambahkan Logo Bank di Bagian Pembayaran

Informasi pembayaran akan lebih menarik jika disajikan dengan gambar logo dari masing-masing bank. Selain itu akan lebih mudah menemukan bank yang ingin digunakan pembeli jika daftar banknya banyak dan berbeda-beda. Cara menyematkan gambar logo bank dengan menambahkan kode berikut pada informasi pembayaran:

<img src="http://os.bikinaplikasi.com/data/bank/bca.png" alt="BCA"/>
123 456 789
a.n. John Doe

<img src="http://os.bikinaplikasi.com/data/bank/mandiri.png" alt="Mandiri"/>
987 654 321
a.n. John Doe

Dengan kode di atas maka akan menampilkan logo bank BCA dan Mandiri diikuti nomor rekening dan nama di bagian bawahnya. Untuk mengganti ganbar logo bank ganti link http://os.bikinaplikasi.com/data/bank/bca.png dengan link gambar bank lain. Bikin Aplikasi menyediakan beberapa link gambar logo bank berikut:

BCA
http://os.bikinaplikasi.com/data/bank/bca.png

Mandiri
http://os.bikinaplikasi.com/data/bank/mandiri.png

BNI
http://os.bikinaplikasi.com/data/bank/bni.png

BRI
http://os.bikinaplikasi.com/data/bank/bri.png

Danamon
http://os.bikinaplikasi.com/data/bank/danamon.png

CIMB Niaga
http://os.bikinaplikasi.com/data/bank/cimb.png

Mandiri Syariah
http://os.bikinaplikasi.com/data/bank/mandirisyariah.png

Selain bank di atas dapat menggunakan link gambar lain sesuai bank yang digunakan. Jangan lupa untuk mengganti alt="BCA" dengan nama bank yang sesuai dengan gambarnya. Selamat mencoba!

Pop Up Iklan
Code:
<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, initial-scale=1"><style>body {font-family: Arial, Helvetica, sans-serif;}.modal {display: noe;position: fixed;z-index: 1;padding-top: 100px;left: 0;top: 0;width: 100%;height: auto;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}.modal-content }</style></head><body><div id="myBtn"></div><div id="myModal" class="modal"><div class="modal-content"><span class="close"></span><p><center><a href="https://play.google.com/store/apps/details?id=com.bikinaplikasi.muslimstore2018"><img src="https://image.ibb.co/mJAZXq/20181112-162751.png" alt="20181112-162751"></a></center></p></div></div><script>// Get the modal
var modal = document.getElementById('myModal');// Get the button that opens the modal
var btn = document.getElementById("myBtn");// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];// When the user clicks the button, open the modal
btn.onclick = function() {modal.style.display = "block";}// When the user clicks on <span> (x), close the modal
span.onclick = function() {modal.style.display = "none";}// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {if (event.target == modal){modal.style.display = "none";}}</script></body></html>
WhatsApp Image 2018-11-12 at 19.44.49.jpeg
 
Top