Membuat Website Sesuai Dengan Mobile dan Desktop (Auto Script)

1:39 PM
Membuat tampilan website yang indah dipandang mata adalah keuntungan dari hasil sebuah pemrograman,untuk membuat tampilan website indah baik di tampilan Mobile ataupun Desktop itu membutuhkan script untuk menyesuaikan tampilan dengan ukuran dari layar device tersebut.. mau tahu ? simak materinya 😀


Cara ini hanya berlaku untuk website bukan untuk blog INGAT .. 

Untuk melakukan hal tersebut kalian bisa memakai script javascript berikut :
<script type="text/javascript">
  <!--
  if (screen.width <= 800) {
    window.location = "http://m.domain.com";
  }
  //-->
</script>
Catatan : Hanya untuk Website yang memiliki index 2 yaitu : mobile dan desktop
Ganti 800 dengan resolusi minimal device pertama / mobile
Ganti m.domain.com dengan domain berscript mobile .. contoh : saya minmal resolusi 720 maka akan ke domain.com/index1.html atau m.domain.com dan lebih dari 720 akan ke domain.com/index.html atau domain.com
maka scriptnya sebagai berikut :
<script type="text/javascript">
  <!--
  if (screen.width <= 720) {
    window.location = "http://m.domain.com";
  }
  //-->
</script>
atau :
<script type="text/javascript">
  <!--
  if (screen.width <= 720) {
    window.location = "http://domain.com/index1.html";
  }
  //-->
</script>

Itulah cara supaya tampilan website menjadi auto sesuai dengan ukuran devicenya.
ok mungkin itu saja untuk materi kali ini.. bila ada pertanyaan silahkan bertanya di kolom komentar ya guys !!! ...

Artikel Terkait

Previous
Next Post »
Show comments
Hide comments

2 komentar

Write komentar
Usamah Hamzah
AUTHOR
March 11, 2017 at 2:35 PM delete

Wahh Ternyata simpel ya gan, makasih banyak

Reply
avatar

Silahkan berkomentar yang baik dan menarik sesuai dengan isi konten.
Komentar yang tidak diperbolehkan :

1. Berbau penghinaan SARA & PXXN
2. Komentar dengan Link hidup ( akan dianggap spam )
3. Komentar tidak nyambung dengan isi postingan

EmoticonEmoticon