Cara membuat template blog responsive lengkap

Pada kesempatan kali ini, Saya akan menjelaskan secara lengkap kepada Anda untuk belajar membuat template blogger menjadi responsive. Semua artikel nantinya akan dijelaskan secara rinci agar Anda bisa memahami serta belajar untuk membuat template yang responsive. Berikut link-link artikel untuk Anda yang pernah saya bahas mengenai responsive design.


1. Cara membuat template standar blogger menjadi responsive

Artikel ini akan membahas cara membuat template standar blogger menjadi responsive yang dilengkapi dengan gambar agar Anda bisa memahaminya dengan mudah.

2. Cara membuat menu navigasi responsive pada template standar blogger

Artikel ini menjelaskan bagaimana cara membuat menu navigasi yang responsive, dilengkapi dengan code javascript untuk mempermudah Anda mempraktekan tutorial pada blog Anda.

3. Membuat gambar menjadi responsive 100%

Tutorial yang akan membahas cara membuat gambar menjadi responsive pada blog Anda, serta cara untuk mengatasi gambar yang hanya menyesuaikan ukuran lebarnya saja pada responsive design.

4. Gambar responsive tidak bekerja pada firefox jika menambahkan add caption new

Mengupas masalah yang terjadi jika Anda menambahkan add caption pada gambar

5. Cara menghilangkan widget google+ followers pada responsive design

Trik responsive untuk menghilangkan widget google+ followers pada resolusi tertentu, misal Anda hanya ingin menghilangkan widget pada resolusi 320px saja.

6. Cara menghilangkan scroll pada responsive design

mungkin ini pernah terjadi ketika Anda membuat template yang responsive, yaitu halaman yang lebih terlihat disebelah kanan, padahal ketika discroll hanya menampilkan halaman kosong. Disini Saya akan membahas cara untuk menghilangkan scroll dibagian bawah dan menyembunyikan halaman kosong tersebut menggunakan html {overflow-x: hidden;}.

7. Mengapa responsive tidak bekerja pada perangkat mobile

Cara mengatasi template responsive yang tidak bekerja pada perangkat mobile, namun bekerja pada perangkat desktop/komputer.


Itulah beberapa artikel untuk mengubah template menjadi responsive. Semoga bermanfaat.