3/11/17

Membuat Website Sesuai Dengan Mobile dan Desktop (Auto Script)

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 !!! ...
Disqus Comments