-->

Welcome!

I am John Doe Web Designer Photography

View Work Hire Me!

About Me

Web Design
Branding
Development
Who am i

John Doe.

Professional Web Designer

Nulla metus metus ullamcorper vel tincidunt sed euismod nibh Quisque volutpat condimentum velit class aptent taciti sociosqu ad litora.

Nulla metus metus ullamcorper vel tincidunt sed euismod nibh Quisque volutpat condimentum velit class aptent taciti sociosqu ad litora torquent metus metus ullamcorper vel tincidunt sed class aptent taciti sociosqu ad litora .

Services

Web Design

Nulla metus metus ullamcorper vel tincidunt sed euismod nibh Quisque volutpat

Development

Nulla metus metus ullamcorper vel tincidunt sed euismod nibh Quisque volutpat

Branding

Nulla metus metus ullamcorper vel tincidunt sed euismod nibh Quisque volutpat

Marketing

Nulla metus metus ullamcorper vel tincidunt sed euismod nibh Quisque volutpat

Our Blog

Dunia Serasa Semudah Membalikan Tangan.

Kemudahan akan terasa pada zaman saat ini dengan perkembangan teknologi dan zaman semakin maju. Semua merasakan kemudahan dan efisiensi dalam segala aktifitas dunia. Di segala bidang banyak perkembangan dan kemajuan yang melesat di Era Digital saat ini. Ada yang tanya apa itu Era Digital? Era seperti apa sih itu?, Jawabnya Era Digital yaitu sebutan atau istilah yang digunakan dimana zaman kemunculan Digitalisasi atau semua sudah menggunakan atau berbasis Digital. Khususnya yang mencolok di Era Digital adalah perkembangan Teknologi yang sangat pesat. Pada Era Digital ini perkembangan Teknologi sangatlah mempengaruhi kehidupan manusia. Sebagai seorang anak SMK di bidang IT dan seorang Jurnalis Muda dengan pengalaman merasakan Dunia yang serasa semudah membalikan tangan. Karena kenapa? kemudahan Teknologi telah mengubah kehidupan masa kini mulai dari hal yang kecil contohnya mengirim surat dengan hitungan detik sampai yang besar yaitu Teknologi yang digunakan untuk membuat Teknologi baru. Teknologi akan selalu berkembang tanpa ada batasnya karena manusia akan selalu membuat penemuan - penemuan baru. Penemuan - penemuan itu menciptakan Teknologi baru untuk mempermudah Kehidupan. Dalam hal itu Era Digitalah yang akan membuat dunia mendapat perkembangan pesat.

Hal - Hal yang dipengaruhi atau berkembang pada Era Digital :
  1. Dunia Industri berkembang mulai Industri 1.0 - 4.0 yang sedang digarap saat ini
  2. Teknologi berkembang dan terus ada penemuan - penemuan baru.
  3. Ekonomi juga mulai berkembang semakin modern.
  4. Bahkan Sosial budaya juga ikut mengikuti perkembangan di Era Digital.

Era Digital ini membuat rasa penasaran saya di dalam perkembangannya, Kadang saya bertanya kenapa sih bisa begini? Misal kenapa komputer bisa melakukan perintah sesuai yang di intruksikan. Mungkin kelebihan hidup di Era Digital adalah sebuah kemudahan dalam segala hal. Dibidang IT khususnya TKJ Era Digital ini memberikan banyak kesempatan untuk ikut mengembangkan dunia Teknologi. Dalam hal ini contoh simpel dari pengalaman saya kecil membangun atau membuat sebuah website dimana berisi pembelajaran Online di bidang Multimedia yang memuat ebook - ebook Multimedia. Pada pasalnya saya sendiri sukaa Multimedia dan ingin berbagi materi Multimedia kepada orang lain. Dengan adanya Teknologi Website akan lebih mudah berbagi pada orang lain, itulah kesempatan keseruan berbagi dengan mudah di Era Digital saat ini. Untuk saya sendiri selain penikmat perkembangan Teknologi Era Digital juga ingin mencoba mengetahui lebih lanjut dan ikut memanfaatkan Teknologi.

Pengalaman saya juga pernah bertemu dengan orang - orang pengembang dan tokoh IT di Indonesia, di situlah keseruannya bisa mengetahui, bertemu, kenal dan belajar tentang perkembangan Teknologi. Saya sebagai anak IT merasa tertarik untuk mengetahui dan ikut mengembangkat sebuah Teknologi di dunia IT. Karena memang saya dijurusan IT yaitu TKJ dan saya juga penggemar IT, mungkin sedikit cerita saya sekolah melanjutkan ke jenjang SMK (Sekolah Menengah Kejuruan) pada tahun 2016 dan masuk di Jurusan TKJ (Teknik Komputer dan Jaringan). Di situlah awal dari saya masuk ke dunia IT yang sangatlah tinggi - tingginya di Era Digital ini. Di SMK mengenal mulai dari dasar Jaringan sampai meranah ke Server dan Aplikasi seperti Website. Dari situ mulailah tertarik dengan yang namanya Dunia IT dan Perkembangannya. Mulailah saya memperlajari tentang Server dan Aplikasi, mungkin untuk awal - awal memang membosankan akan tetapi tidak tahu kenapa akan merasa senang bahkan bangga jika sudah menghasilkan sesuatu dari yang telah di pelajari tersebut. Disitulah kenapa terasa mungkin aneh dan membingungkan tapi disitulah keseruannya dan ada rasa bangga tersendiri.
Semua hal bagi saya bisa keterkaitan dengan Era Digital mulai dari Gaya Hidup sampai Hobby. Hobby di Era Digital ini bisa menghasilkan sebuah karya yang bermanfaat dan bahkan menghasilkan. Karena Era Digital mempermudah kreator - kreator untuk membuat karya dan membagikannya ke media masa atau juga Internet. Hobby membuat karya berupa artikel, foto, video dan grafis, membuatku masuk ke dunia Jurnalistik. Di dunia Jurnalistik perkembangan Teknologi membuat kemudahan dalam hal publishingnya karena media Internet yang mempermudah para Jurnalis - jurnalis untuk publishing. Untuk saya sendiri seorang Jurnalis Muda yang juga menikmati kemudahan pada Era Digital. Dari yang awalnya hanya Hobby suka menulis, dan video editing saya coba kembangkan untuk menjadikan Hobby membuat sebuah karya yang bermanfaat dengan memanfaatkan Media Internet. Karya yang berupa karya Visual dan Audio Visual yang saya buat, karya Visual yang berupa hasil seni cahaya dan konbinasi warna yang disebut Fotografi dan Desain. Dan karya Audio Visual yang berupa kombinasi penyatuan Frame - frame seni cahaya dan Audio musik yang disebut Videografi. Internet sebagai media untuk penaruh gagasan dan pemikiran yang menghasilkan Karya yang digunakan untuk sebagai media edukasi ataupun hanya sebagai wadah Karya. Selain itu menulis sebagai hal yang selalu membuatku nyaman telah mendapatkan wadah tersendiri di Era Digital. 

Serunya sebuah karya yang berupa hasil dari ungkapan Syukur, Emosi, Saran bahkan Kritik tertuang untuk Memotivasi dan Edukasi. Di situ adalah sebuah kesenangan dan keseruan yang membuat saya ingin selalu berkarya dan memanfaatkan kesempatan yang telah ada di Era Digital ini. Bahkan selain itu Hobby seperti ini bisa menjadi sebuah penghasilan tersendiri jika bisa memanfaatkanya secara semaksimal mungkin dan mungkin itulah yang dibutuhkan semua orang yaitu kemudahan dalam menghasilkan sebuah penghasilan yang sesuai dengan kesukaan. Dan saya tidak akan menyia - nyiakan kesempatan itu, Membuat website sendiri adalah salah satu cara saya untuk mengambil kesempatan berkarya di Era Digital ini. Mungkin ada yang bertanya bagaimana cara membuat Website? Kita hanya memperhatikan beberapa konsep saja Pertama, tujuan website digunakan untuk apa? dan yang Kedua, pengisian artikel yang sesuai dan tertata, inilah sebuah Cara membuat website. Dari saya sendiri membuat Website akan lebih menarik bahkan menambah gengsi dan rasa semangat dengan memberi domain pada Website yang saya buat, untuk penyedia Domain salah satunya DomaiNesia.

Selain semua yang diatas yang terakhir di Dunia Industri akan semakin maju bahkan manusia hanya mengontrol saja semua pekerjaan, Kalau dulu mungkin manusia mengerjakan semua pekerjaan tapi di Era Digital manusia hanya Mengontrol sebuah pengerjaan mesin yang bahkan bisa dilakukan tanpa menghadap langsung atau dirumah. Karena perkembangan Industri telah masuk ke masa Cyber Physical System disini membuat Industri cerdas yang dimana semua terintergrasi dan terpusat menjadi satu, Terkendali oleh sebuah sistem. Untuk kedepan yang dibutuhkan adalah seorang IT yang mengerti dan ikut dalam perkembangan Teknologi. Sharing tentang Industri 4.0 yang pernah saya ikut menyatakan " Tantangan pemuda untuk menghadapi Industri 4.0 akan semakin mudah jika mau mengikuti perkembangan Teknologi dan akan sulit jika bagi mereka yang tidak bisa memanfaatkan perkembangan Teknologi ". Dengan mengikuti perkembangan Teknologi memang diharuskan untuk kita yang hidup di Era Digital akan tetapi tidak hanya mengikuti saja tapi kita harus bisa memanfaatkan perkembangan Teknologi dengan baik dan benar untuk persiapan menghadapi kemajuan Teknologi kedepannya lagi. Karena Era Digital semua tidak akan tetap dalam artian Teknologi tidak akan tetap seperti ini pasti akan ada perkembangan - perkembangan dan penemuan - penemuan baru yang mempermudah kehidupan di Dunia.

Ketika Era Digital ini ada dan Teknologi semakain berkembang dan banyak penemuan - penemuan baru.  Disitu akan membuat Dunia ini serasa semudah membalikan Tangan karena dipermudah oleh Teknologi.

#domainesia #hosting murah #domain murah #hosting indonesia #domain indonesia #cara membuat log #cara membuat website #lomba blog domainesia.

Sharing materi pengkabelan dan Krimping UTP | Tips dan Trik Krimping Kabel UTP

Assamu'alaikum Wr. Wb.
Pada Hari ini saya Firda Maulana di tunjuk untuk membagikan ilmu tentang Pengkabelan dan Krimping Kabel UTP. Dimana Sharing ini sesuai dengan pengalaman dan pengetahuan saya tentang Pengkabelan dan Krimping UTP. 

Pembagian Sesi Waktu : 
  • 20 Menit -> Pembagian kelompok dan brifing.
  • 30 Menit -> Untuk materi Pengkabelan, Teknik dan Tips dan Trik Krimping Kabel UTP.
  • 45 Menit -> Untuk praktek Krimping.
Untuk sesi materi dijelaskan oleh saya sendiri dengan topik pembahasan atau yang sampaikan mengenai macam - macam kabel jaringan dan fungsinya, Standarisasi pengurutan kabel, Jenis pengkabelan, Dan Fungsi setiap pin pada Jack RJ-45. 

Macam - macam Kabel jaringan ada 4 yang saya sampaikan yaitu, UTP (Unshielded Twisted Pair), STP (Shielded Twisted Pair), Coaxial dan FO (Fiber Optic). Untuk penjelasan pada Macam - macam kabel jaringan sebatas Pengenalan dan sedikit Fungsi dan Keunggulan Kabel.  Untuk standarisasi kabel yang saya sampaikan yaitu Standart EIA/TIA 568A dan EIA/TIA 568B seperti pada umumnya yang digunakan untuk standarisasi internasional. Dan untuk Pengkabelan yang saya Sampaikan ada 3 Jenis yaitu, Cross Over dengan urutan di sisi satu dan sisi satunya berbeda misal : sisi kiri menggunakan EIA/TIA 568A jadi yang satunya menggunakan EIA/TIA 568B. Selanjutnya Straight dengan urutan semua sisinya sama urutannya misal : sisi kanan menggunakan EIA/TIA 568A yang sisi lainnya sama menggunakan EIA/TIA 568A dan begitu pula jika menggunakan standart EIA/TIA 568B.

Untuk fungsi PIN pada RJ-45, saya bagi dua yaitu jika kabel digunakan untuk Jaringan saja yang harus PIN 1,2,3,6 yang dimana PIN 1,2 untuk Receiver (+) dan (-) dan 3,6 Transmit (+) dan (-). Dan jika Kabel digunakan untuk PoE atau Audio selain PIN 1,2,3,6 PIN 4,5,7,8 juga harus perpasang kabel karena PIN 4,5 untuk Audio (+) dan (-) PIN 7,8 untuk Power (+) dan (-).

Materi terakhir untuk simulasi pengkrimpingan yang benar dan cepat. Saya simulasikan sesuai dengan apa yang saya lakukan setiap Krimping Kabel. Mulai dari Pemotongan kabel sampai pengkrimpingan yang benar.
Tips dan Trik Krimping Kabel :
  1. Untuk panjang kabel jika ukuran yang dibutuhkan 5M lebih baik dilebih min 30CM untuk nanti bagian yang dikrimping agar ukuran yang dibutuhkan tidak terkurang.
  2. Saat penglupasan Kulit kabel kurang lebih sepanjang 10CM. Kenapa? itu digunakan untuk penataan agar lebih mudah dan selain itu untuk meluruskan kabel jika terlalu pendek nanti untuk meluruskan kabel pasti akan kesulitan jika harus memotong kabel.
  3. Untuk pelurusan kabel tata urutan kabel dengan benar lalu luruskan kabelnya kalau sudah lurus baru dipotong untuk meratakan ujung kabel.
  4. Saat pemasukan kabel ke RJ-45 kabel potong lurus dan rata kira - kira nanti pas dikrimping selimut kabel bisa ke masuk dan ketekan pengunci agar lebih aman.
  5. Kabel masukkan sampai ujung kabel mentok atau menyentuh bagian ujung RJ-45.
  6. Sebelum pengkrimping dilalukan cek lagi urutan kabel sudah benar atau belum. Lalu lakukan krimping sambil kabel ditekan masuk lagi kedalam agar kabel bisa merata dan rapi.
Untuk sesi terakhir praktek pengkrimpingan yang berjalan sesuai kelompok masing - masing dan mereka saling berbagi dan tolong menolong saat mengkrimping kabel. Untuk kesimpulan yang saya ambil untuk sharing kali ini didapat bahwa untuk pembawaan materi harus mengusai materi dan juga audiencenya agar tidak ada kesalahan dalam pembawaan materi.
Wassalamu'alaikum Wr. Wb.

Membangun DNS Server Menggunakan Debian 8

shell,linux,linux indonesia,mikrotik,mikrotik indonesia, freebsd,freebsd indonesia,kpli klaten,BLC Telkom Klaten, icar, sibunglonganteng

Dalam dunia internet, komputer saling berkomunikasi dengan mengenali ip addressnya. Namun karena manusia jauh lebih sulit mengingat angka-angkanya maka solusinya menggunakan DNS Server
DNS yaitu kepanjangan dari Domain Name System merupakan sebuah server yang berfungsi menangani translasi penamaan host-host kedalam IP Address, begitu juga sebaliknya dalam menangani translasi dari IP Address ke Hostname/Domain. Lebih mudahnya DNS dapat diartikan sebagai sebuah layanan yang digunakan untuk menterjemahkan hostname/domain ke IP Address atau sebaliknya.

Untuk pengkonfigurasiannya ikuti langkah berikut:
1. Remote server anda kemudian masuk ke mode super user (root).
2. Install paket bind9 dan dnsutils.
shell,linux,linux indonesia,mikrotik,mikrotik indonesia, freebsd,freebsd indonesia,kpli klaten,BLC Telkom Klaten, icar, sibunglonganteng

3. Pindah ke direktori konfigurasi bind lalu edit file named.conf.local
shell,linux,linux indonesia,mikrotik,mikrotik indonesia, freebsd,freebsd indonesia,kpli klaten,BLC Telkom Klaten, icar, sibunglonganteng

4. Tambahkan script similiar seperti yang saya beri garis merah
shell,linux,linux indonesia,mikrotik,mikrotik indonesia, freebsd,freebsd indonesia,kpli klaten,BLC Telkom Klaten, icar, sibunglonganteng

5. Copy file db.local dan db.127 sesuai yang didaftarkan pada file named.conf.local
shell,linux,linux indonesia,mikrotik,mikrotik indonesia, freebsd,freebsd indonesia,kpli klaten,BLC Telkom Klaten, icar, sibunglonganteng

6. Edit file db.name dan edit isinya sehingga similiar dengan script berikut
shell,linux,linux indonesia,mikrotik,mikrotik indonesia, freebsd,freebsd indonesia,kpli klaten,BLC Telkom Klaten, icar, sibunglonganteng

shell,linux,linux indonesia,mikrotik,mikrotik indonesia, freebsd,freebsd indonesia,kpli klaten,BLC Telkom Klaten, icar, sibunglonganteng

7, Edit juga file db.ip dan edit isinya sehingga similiar dengan script berikut
shell,linux,linux indonesia,mikrotik,mikrotik indonesia, freebsd,freebsd indonesia,kpli klaten,BLC Telkom Klaten, icar, sibunglonganteng

shell,linux,linux indonesia,mikrotik,mikrotik indonesia, freebsd,freebsd indonesia,kpli klaten,BLC Telkom Klaten, icar, sibunglonganteng

Restart bind9 untuk mengaktifkan konfigurasi anda
shell,linux,linux indonesia,mikrotik,mikrotik indonesia, freebsd,freebsd indonesia,kpli klaten,BLC Telkom Klaten, icar, sibunglonganteng

8. Daftarkan ip debian pada client yang akan melakukan testing dns jika debian bukan gateway
  • Untuk linuxer, edit file /etc/resolv.conf dan tambahkan script berikut
nameserver ip_debian
  • Untuk windowser, konfigurasi jaringan anda sehingga similiar seperti berikut
    shell,linux,linux indonesia,mikrotik,mikrotik indonesia, freebsd,freebsd indonesia,kpli klaten,BLC Telkom Klaten, icar, sibunglonganteng

    9. Untuk testing di cli linux, gunakan command berikut. Jika hasilnya tidak similiar seperti berikut, perhatikan konfigurasi anda pada file named.conf.local, db.name, db.ip
    shell,linux,linux indonesia,mikrotik,mikrotik indonesia, freebsd,freebsd indonesia,kpli klaten,BLC Telkom Klaten, icar, sibunglonganteng

    10. Silahkan testing pada web browser client.
    shell,linux,linux indonesia,mikrotik,mikrotik indonesia, freebsd,freebsd indonesia,kpli klaten,BLC Telkom Klaten, icar, sibunglonganteng


    Membuat tampilan Form Login dengan CSS.

    A. Pendahuluan.
    Untuk masuk atau login pada sebuah sistem Website dibutuhkan yang namanya Form Login atau Template Login. Disini adalah simple Template Form Login.
    B. Latar Belakang.
    Untuk membuat Template Form Login sederhana.
    C. Manfaat dan Tujuan.
    Agar dapat membuat template Form Login sederhana sendiri.
    D. Waktu yang Dibutuhkan.
    20-30 menit.
    E. Pembahasan.
    Templete Form Login adalah sebuah tampilan yang digunakan Form pengisian user dan password untuk login ke laman Website.  Templete Form dibuat dengan dua komponen CSS dan HTML. Walaupub beberapa ada yang menggunakan Javascript untuk tambahan animasi maupun tampilan agar lebih menarik untuk digunakan ataupun dilihat.

    Langkah - langkah :
    1. File HTML
    <div class="container">
     <div class="user">
      <div class="dalam">
       <i class="fa fa-user-circle-o" style="font-size: 125px; color: #fff; margin: calc((100% - 125px)/2);"></i>
      </div>
     </div>
     <form class="main">
      <input type="text" class="input" name="username" placeholder="Username"/>
      <input type="password" class="input" name="password" placeholder="Password"/>
      <input type="submit" class="submit" />
      <span class="note"> You are not have Account? <a href="#" class="ans"> Not Have </a></span>
     </form>
    </div>
    
    
    
    2. Script CSS.
      body{
       margin: 0;
       background-color: #FFA5A5;
      }
      .container{
       width: 350px;
       height: 350px;
       background-color: #E1E1E1;
       position: absolute;
       top: 150px;
       left: calc((100% - 350px)/2);
       border-top: 5px solid #FFFFFF;
       border-bottom: 5px solid #FFFFFF;
       box-shadow: 4px 4px 0.5px 0.5px #00000080;
      }
      .user{
       position: relative;
       width: 150px;
       height: 150px;
       border-radius: 100%;
       background-color: #E1E1E1;
       left: calc((100% - 150px)/2);
       top: -75px;
       margin: 0;
      }
    
      .dalam{
       position: relative;
       width: 120px;
       height: 120px;
       border-radius: 100%;
       background-color: #000;
       left: calc((100% - 120px)/2);
       top: calc((100% - 120px)/2);
       margin: 0;
      }
      form.main{
       width: 80%;
       position: relative;
       left: calc((100% - 80%)/2);
       top: calc((100% - 450px)/2);
      }
      input.input{
       width: 100%;
       height: 30px;
       margin-bottom: 20px;
       text-align: center;
       border: none;
       border-bottom: 2px solid #E80000;
       outline: none;
      }
      input.submit{
       width: 285px;
       height: 30px;
       background-color: #65FF80;
       border: none;
       outline: none;
      }
      span.note{
       position: relative;
       top: 5px;
       left: 25px;
      }
      a.ans{
       text-decoration: none;
       color: red;
      }
      @media screen and (max-width: 400px){
       .container{
        width: 300px;
        height: 300px;
        left: calc((100% - 300px)/2);
       }
       input.submit{
        width: 240px;
       }
    
       span.note{
        left: 0;
       }
      }

    Download

    Outputnya :

    Sebuah tampilan Login pada umumnya akan ada 2 input form yaitu user atau email dan Password. Akan tetapi ada juga yang beberapa Website menginputkan juga yang menginputkan check both google untuk tambahan keamanan.

    F. Kesimpulan.
    Template Form Login diperlukan untuk memperindah tampilan Form agar lebih menarik.
    G. Referensi.
         -

    Membuat interface responsive Sederhana dengan CSS.

    A. Pendahuluan
    Website jika dibuat dengan acuan pada resolusi tertentu akan hancur jika di buka pada resolusi berbeda misalnya Desktop dan mobile, maka dari itu dibutuhkan Responsive Website.
    B. Latar Belakang
    Untuk membuat sebuah templet website yang responsive dan sesuai dengan resolusi device yang digunakan.
    C. Tujuan dan Manfaat
    Agar bisa membuat templete website responsive dengan CSS.
    D. Pembahasan
    Responsive Website adalah sebuah website yang didesain agar halaman website bisa menyesuaikan pada resolusi device yang digunakan untuk mengakses website. Untuk membuat Website responsive harus menggunakan pertama tag <meta> untuk menyesuaikan sie HTML dengan Device yang digunakan. Dan selain itu digunakanlah CSS yang menggunakan selector @media dimana selector ini untuk mendefinisikan jika sebuah device dengan resolusi ini akan dibuat seperti ini.

    1. Tag Meta untuk mendefinisikan Website sesuai resolusi device. 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"?>

    2. File HTML
    <div class="container">
      <div class="right">
       <div class="menu">
        <ul class="main">
         <a href=""><li>HOME</li></a>
         <a href=""><li>NGOPRAKIT</li></a>
         <a href=""><li>ABOUT</li></a>
         <a href=""><li>INFO</li></a>
        </ul>
       </div>
       <div class="isi"></div>
      </div>
      <div class="left">
       <div class="top"></div>
       <div class="center"></div>
      </div>
     </div>
    
    
    
    3. Script CSS.
              body{
       margin: 0;
      }
      .container{
       position: absolute;
       top: 20px;
       left: calc((100% - 80%)/2);
       width: 80%;
      }
      .right{
       width: 65%;
       height: 550px;
       float: left;
       margin-bottom: 10px;
      }
      .main{
       position: relative;
       list-style-type: none;
       background-color: #F3F3F3;
       padding: 0;
       margin: 0;
      }
      .main li{
       text-decoration:none;
       display: inline-block;
       padding: 15px 20px;
       color: #737373;
       font-family: serif; 
       font-size: 14px;
      }
      .isi{
       width:100%;
       top: 5px;
       position: relative;
       height: 500px;
       background-color: #F3F3F3;
      }
      .left{
       float: right;
       margin-left: 5px; 
       width: 34%;
       height: 550px;
      }
      .top{
       width: 100%;
       height: 150px;
       background-color: #F3F3F3;
       margin-bottom: 10px;
      }
      .center{
       width: 100%;
       height: 250px;
       background-color: #F3F3F3;
       margin-bottom: 10px;
      }
      @media screen and (max-width: 960px){
       .right{
        width: auto;
        float: none;
       }
       .left{
        width: auto;
        float: none;
        margin: 0;
       }
      }
      @media screen and (max-width: 600px){
       .main li{
        padding: 15px 10px;
       }
      }

    Download
    Outputnya :
    Mode Desktop

    Mode Mobile

    Dan itulah contoh sederhana templete Website responsive yang dibuat untuk memperbaiki kerusakan Website jika beda Resolusi pada akses Device.
    E. Kesimpulan
    Website Responsive harus dibuat untuk memperbaiki kerusakan pada Website jika resolusi berbeda beda.
    F. Referensi
        -

    Contact Us

    Phone :

    +20 010 2517 8918

    Address :

    3rd Avenue, Upper East Side,
    San Francisco

    Email :

    email_support@youradress.com


    Your IP Location

    Recent

    Loading...