Cara mudah membuat blog tampil Responsive
Mungkin kamu pusing memikirkan bagaimana cara membuat sebuah blog tampil responsive. Tapi Faktanya, untuk membuat blog tampil responsive itu tenyata sangat mudah.
Entah kenapa hari ini Saya seperti mendengar bisikan Ghaib, sehingga pada web percobaan saya ngutak-atik template dan menemukan sesuatu yang Saya pikir mungkin akan cukup berguna untuk di bagikan.
Langsung saja.
Pertama, Perlu di ketahui, Responsive hanya lebih mengutamakan keramahan tampilan pada layar perangkat, namun ini tidak akan berpengaruh pada data yang di terima oleh perangkat yang mengaksesnya. Namun hal positifnya tentu lebih menonjol karena konten web bisa di nikmati oleh ragam Resolusi layar.
Sepintas saya berpikir, mungkin sistem ini lah yang di terapkan oleh ordpress mengingat Element yang di gunakan pada tampilan web juga tampil di laman wap. Contoh mudahnya ya emojinya ordpress. Tapi saya tidak tahu juga bagaimana pastinya. Ini hanya sekedar perkiraan Saya saja.
Kembali ke topik. Untuk membuat blog tampil Responsive, Kita juga tidak perlu mencari-cari template dengan embel-embel Responsive ke ujung negeri sana. Cukup dengan mengandalkan template yang sudah di sediakan pihak blogger sendiri.
Langkahnya, Pertama, Pilih Salah satu template yang akan kamu gunakan baik itu kategori Sederhana, Jendela Gambar, PT Keren Sekali, Tanda Air, Kelembutan maupun Perjalanan.
Jika sudah di pilih dan di tetapkan, Klik tombol Sesuaikan. Pilihan ini sebenarnya bersifat Opsional. Namun ada baiknya kamu terapkan.
Sekarang pilih Tata Letak dan pilih Tata letak isi yang tanpa Sidebar(bilah sisi) Sementara untuk Tata letak kaki Silahkan pilih sesuka hati, Namun Saya lebih merekomendasikan Pilih yang bisa memuat widget 3 Sebaris karena nantinya ini akan kamu gunakan untuk penampil Widget blog. Jika sudah, silahkan klik tombol Terapkan Ke Blog
Sesuaikan yang lain pada Opsi Tingkat Lanjut misalnya Warna latar, ukuran Font dan lainnya. Jika sudah kembali ke blog dengan menekan Tombol « Kembali ke Blogger.
Sekarang pada Template, pilih Tombol Edit HTML. Kemudian Cari dan Hapus kode <b:template-skin>...</b:template-skin>. Pokoknya semua kode yang ada di antara <b:template-skin> dan </b:template-skin> termasuk element pembuka dan penutup itu sendiri dan simpan template mu.
Untuk template Seluler jangan lupa mengubah temanya ke Khusus dan cek kinerjanya lewat Pratinjau tema Seluler tersebut. Selamat deh, Sekarang blog kamu sudah termasuk kategori Responsive!
Untuk memastikan semua bekerja sesuai harapan, Cek Responsive web kamu Di sini.
0 komentar:
Post a Comment
Kolom komentar tersedia hanya untuk diskusi dan bukan sarana untuk promosi.
Komentar menggunakan media sosial seperti Facebook dan lain-lain sengaja di nonaktifkan karena sering di salahgunakan.
Mohon untuk tidak menyisipkan link promosi pada kolom komentar.