Friday, March 14, 2014
Responsive Blog | Jhn World

Tampilan blog yang menarik sangat menjadi poin penting dalam hal memikat pembaca. Apa yang perlu di perhatikan?. Ya, Salah satunya adalah kemampuan blog dalam menyesuaikan penampilannya untuk diakses dari berbagai macam gadget, smartphone, maupun dekstop. Nah, saat ini mungkin bagi anda tidak asing lagi mendengar istilah 'responsive' terutama bagi para web developer.
Bagaimana membuat tampilan responsive?, sebelumnya kita perlu memahami konsepnya terlebih dahulu. Sebenarnya sangat sederhana,
Responsive merupakan kempampuan blog/website untuk bisa mengakses ukuran screen gadget atau smartphone yang mengaksesnya kemudian untuk masing-masing ukuran tersebut dibuat style tersendiri.
So, Berikut beberapa tip yang saya berikan untuk anda. perhatikan snippet berikut

Contoh diatas sangat sederhana agar lebih muda dipahami, Jika anda perhatikan, pada code diatas ada beberapa poin penting
  • Media = Mendeteksi ukuran screen browser yang digunakan
  • Overide Style = Maksudnya adalah untuk screen tertentu kita bisa mengubah style yang sebelumnya telah di deklarasi
Overide Style tidak harus mengubah seluruh style pada object, class atau id tertentu. Overide bisa juga dilakukan untuk property/field tertentu saja yang sudah dideklare sebelumnya.
Nah, Bagaimana cukup sederhana kan?
Jika anda ingin mencoba mengubah blog anda dengan tampilan responsive saya ada beberapa referensi. Saran saya pahami dulu dan tentukan tampilan yang anda inginkan, sehingga jika anda ingin mengubah ada tidak kebingungan lagi. Silahkan langsung ke tkp www.templateism.com
Tips Responsive
Cara paling mudah mengindikasikan bahwa sebuah blog/website memiliki design resnponsive adalah dengan melihat bagian scrollbarnya. Browser biasanya hanya akan menampilkan vertikal scroll saja. hal ini bisa anda coba lakukan pada blog ini dengan cara merize ukuran browser anda.

Comments

4 Comments

RSS
  1. Test design responsive mu sekarang

    ReplyDelete
  2. Kok blog saya gak bisa dirubah ke reponsive y? pdhal dah coba berbagai tutorial... -_-

    ReplyDelete
    Replies
    1. Kalau mau coba, pakai template free saja dulu. Responsive pasti terletak pada style css nya, sobat bisa coba ganti/ memodifikasi css yang tersebut. Keynya terletak pada @media screen

      Delete
  3. Udah di test gan, alhamdulillah berjalan lancar semua :D

    ReplyDelete

Popular Posts


Copyright © 2014 GweOne. Designed by Templateism
Logo by Cool Text: Free Logos and Buttons
DMCA.com Protection Status

Iklan

Find Us on Google+

Followers