Cara membuat template blog responsive valid html5

cara membuat blog responsive
Posting malam ini dari blog saya berjudul cara membuat template blog responsive dan valid html5, dengan isi posting blog malam ini dari saya semoga bisa menjadi ilmu untuk saya sendiri utamanya, mungkin bisa berguna untuk anda juga, hal yang tidak asing lagi sa'at-sa'at ini, adalah mengakses apapun bisa hanya dalam genggaman tanpa harus serepot dahulunya, dengan seiring zaman yang begitu canggih, begitu mudahnya juga kegiatan bisa kita lakukan, dan tipak bisa pula kita pungkiri begitu mudahnya kejahatan terjadi,so,,,,, menurut ke inginan hati masing-masing, keyakinan, adapun ilmu yang ada dalam diri sendiri, pergaulan, ataupun lingkungan hidup di sekeliling, heheheheee,,,, sedikit mendakwah.
Jadi pada dasarnya, setiap pengguna jasa media electronika akan berlomba dalam hal semudah mungkin untuk bisa di akses dan mudah di pahami di manapun dia mengaksesnya.
Hal yang saya bahas di bawah ini adalah hal cara memaksimalkan template yang ada bukan membuat template yang baru, dengan cara yang saya bahas di bawah ini mungkin akan membantu anda untuk mengurangi ataupun mengatasi semua hal yang bermaslah pada tampilan sa'at blog ataupun web di akses melalui mobile, atau kata lain resolusi layar yang kecil, menjadikan laman blog atau web anda cepat di semua perangkat.
Untuk mengetahui seberapa cepat web atau blog kalian di semua perangkat bisa di cek di sini:

Pagespeed insights developers webmaster

isikan laman web atau blog yang akan di uji dan pelajari hal-hal yang mungkin masih ada permasalahan.
Di bawah ini akan saya bahas cara membuat kesesuain tampilan blog di ukuran mana yang akan di sesuaikan.

Kesalahan yang umum terjadi

  • mengatasi maslah link posting ketukan yang berdekatan isi posting, maklum jaman sekarang serba sentuh
  • Cara mengatasi hal di atas adalah biasanya bagian dari line-height dari pengaturan dalam template blog mungkin pada layar resolusi pada 800px bekerja dengan sangat normal akan tetapi pada posisi resolusi layar 300px akan terjadi berdekatan satu baris dengan baris yang lainnya,
    Ini dia kode yang harus anda tambahkan dalam template blog kalian di dalam b:skin;
    @media (min-width:200px) and (max-width:600px) {
    .post-title, .entry-title {
    line-height : 2em;
    }} 
    pada warna merah yang saya warnai bisa di ubah pada ke inginan resolusi yang di inginkan dan dibutuhkan perubahan.
    pada warna ping ubah sesuai jarak yang di inginkan berlaku 2.5 (titik)

Menyesesuaikan tampilan di semua ukuran

  • Di sini akan saya bahas tentang merubah tampilan menurut kesesuain ukuran.
  • mengubah ukuran blog posting,  rsidebar atau lsidebar dalam blog
  • caranya sama hal seperti di atas akan tetapi menambahkan perintah lain dalam media tersebut.
    @media (min-width:200px) and (max-width:600px {
    .post-title, .entry-title {
    line-height : 2em;
    }
    #Blog {
    width: 99%;
    float: left;
    }
    #rsidebar, #lsidebar {
    width: 44%;
    float: left;
    }}
    atau ingin menambahkan mungkin yang tidak di tampilkan sa'at blog atau web bekerja pada resolusi layar yang kecil mungkin gadget blog yang tidak di dukung pada perangkat yang di akses pada resolusi layar tententu ataupun perangkat itu sendiri bisa menggunakan kode ini di dalam kode di atas, misal;
    @media (min-width:200px) and (max-width:600px {
    #PageList, .widget1, .widget2, .widget3, dan seterusnya {
    display: none;
    }} 
    isikan yang ingin diperintahkan untuk tidak di tampil. pisahkan dengan koma(,) antara satu perintah dengan yang lain
Hanya ini penjelasan singkat dari saya tentang cara membuat blog responsive pada semua ukuran laman mobile, semoga bisa berguna.
Berlangganan melalui email untuk mendapatkan update posting terbaru
View Feed XML
Warning..! Berkomentar Se sopan mungkin, Jangan hanya menaruh ling saja tetapi isikan dengan beberapa kata...
Loading Facebook Comment
Gadged
Blogger Aceh ›Blog Aceh ›Seo
feedburner blogger aneuk aceh
blogger aneuk aceh Protection Status
Followers