MARI BELAJAR DI W3SCHOOL: MEMBUAT DEMO LIVE HALAMAN RESPONSIVE

Mari mencoba pengalaman  betapa asiknya belajar koding di w3school, tidak perduli sebagian orang bilang tampilannya jadul, tapi dunia mengakui w3school sangat responsive dan cepat. Saya mulai membuat tema blog juga karena "sekolah" di tempat ini secara gratis. Namun kalau sobat mau sertifikasi juga tersedia dengan pembayaran yang tidak mahal mahal amat.

MEMBUAT DEMO LIVE HALAMAN BLOG

Saat masuk ke mode "DEMO" sobat akan halaman tryit w3school pada bagian atas halaman HTML yang saya edit terdapat tulisan berlatar belakang khas w3school yakni hijau dengan tulisan "RUN" klik itu:
edit dengan merobah link

Untuk melihat tampilan editblogtema pada hape klik demo dibawah:
DEMO1
Untuk melihat tampilan tablet editblogtema klik demo dibawah:
DEMO2
Untuk melihat tampilan editblogtema pada laptop/PC silahkan klik demo dibawah:
DEMO3
Teknik membuatnya coba saja robah kode dan link sesuai dengan blog sobat, contoh:
Klik DEMO1 untuk melihat tampilan hape, maka akan muncul tampilan html seperti gambar:
Klik run untuk melihat demo
Klik "Run" pada tombol hijau untuk membuka "opening code", maka hasilnya adalah sbb:
setelah run di klik maka kotak peragaan disebelahnya menampilkan halaman mobile editblogtema
Perhatikan link yang saya sorot merah: 

<div class="smartphone">
  <div class="content">
    <iframe src="https://www.editblogtema.net" style="width:100%;border:none;height:100%" />
  </div>
</div>



Ganti itu dengan link blog sobat sendiri dan klik "run" kembali. Cobalah, bagaimana sobat bisa mengerti kalau tidak mencoba? Saya tidak mau membohongi sobat bahwa tanpa belajarpun koding itu mudah, bahasa program itu gampang. Bisa belajar 5 menit lancar...Tidak ada hal instan yang terlihat bagus di dunia ini. Bohong saja itu. Semuanya itu membutuhkan waktu.

www.editblogtema.net

2 Komentar

Silahkan berkomentar sesuai dengan topik kita ya...

  1. Saya belajar dari situ jg bang saat membuat kamus online dan kalkulator suhu online.

    Lumayan pemula bisa belajar step by step

    BalasHapus
    Balasan
    1. Ya sayang dilewatkan, mari kita sebarkan manfaat belajar online bagi teman teman yang minim beaya

      Hapus
Lebih baru Lebih lama

Formulir Kontak