Rujukan Blogger Malaysia

  • Utama
  • Topik Rujukan▼
    • Rujukan AM Blogger
    • Tips Blogging 101
    • Teknik SEO
    • Widget Blogspot
    • Jana Income
  • Info Blog
  • Polisi Privasi
  • Hubungi
Home » Rujukan Blogger » Ujian Responsif Rekabentuk Blog

Ujian Responsif Rekabentuk Blog

Admin
Thursday, 13 August 2015

Ujian Responsif Rekabentuk Blog. Kebolehan untuk sesebuah blog bertindak responsif dalam apa jua peranti mudah-alih sangat dititik-beratkan sekarang. Ini adalah kerana ramai pengguna internet yang telah berubah cara mencapai informasi di internet dari sebuah komputer desktop atau laptop ke sebuah peranti mudah alih terutamanya telefon pintar dan tablet.

Maka, adalah menjadi satu perkara yang perlu diambil-perhatian oleh pemilik-pemilik laman web serta blog bagi menyediakan blog dengan rekabentuk yang bersifat 'mencair' atau responsif, yang berubah bentuk mengikut kepada skrin paparan sesebuah peranti mudah alih tersebut. Sifat ini juga dianggap sebagai mesra mobile atau mobile-friendly.

Ramai yang tidak tahu cara untuk menguji samada blog mereka itu bersifat responsif atau tidak. Jadi, saya akan kongsikan beberapa cara untuk anda buat ujian responsif ke atas blog anda. Ujian ini penting dilakukan untuk memastikan samada blog benar-benar mesra mobile, dan dapat diakses dengan sempurna menerusi peranti-peranti mudah alih serba canggih.

Ujian Responsif Rekabentuk Blog

Cara paling mudah ialah dengan mengecilkan browser pelayar internet anda, khususnya jika anda menggunakan pelayar internet Firefox atau Crome. Saya tunjukkan di bawah ini adalah contoh bagaimana ujian ini dilakukan menggunakan pelayar internet Internet Explorer 11.
Ujian Responsif Rekabentuk Blog

Nampak tak? Terdapat perbezaan pada kedua-dua paparan di atas. Pertama, dalam mode biasa, blog yang responsif seperti blog Rujukan Blogger Malaysia akan paparkan keseluruhan blog seperti rekabentuk asal (penuh) - sidebar blog di tepi, footer di bawah dan sebagainya.

Kemudian, saya kecilkan browser, paparan berubah dengan meletakkan bahagian sidebar blog ke bawah (tapi tak hilang). Semakin kecil, beberapa aspek dalam rekabentuk blog tersebut juga berubah ... seperti saiz gambar yang dipaparkan, kedudukan widget dan sebagainya; tetapi ia tetap ada dan dipaparkan seperti keadaan asal.

Inilah dikatakan sebuah blog yang 100% responsif!

Untuk ujian mudah kedua, anda boleh gunakan peranti mudah alih anda sendiri untuk lihat bagaimana keadaan rupa bentuk blog anda. Lihat bagaimana peranti mudah alih memaparkan blog anda. Adakah semua widget dipaparkan seperti sediakala? Atau ada widget yang hilang?

Laman Web Sediakan Fungsi Ujian Responsif

Ok. Anda tidak ada peranti mudah alih. Nak tahu bagaimana paparan blog anda dalam peranti seperti iPad, iPad Mini, Samsung Galaxy Tab, Nokia, Asus dan sebagainya. Anda boleh cuba beberapa laman web yang membolehkan ujian responsif blog dilakukan. Antaranya:

  • Matt Kersley Responsive Design Testing
  • Responsinator 
  • Responsive Test
  • StudioPress Mobile Responsive Test

Anda akan sepatutnya nampak hasilnya seperti di bawah ini...
Ujian Responsif Rekabentuk Blog

Ujian Responsif Rekabentuk Blog

Ujian Responsif Rekabentuk Blog

Atau anda boleh juga menggunakan khidmat percuma yang disediakan oleh Google Webmaster Tools untuk menguji samada blog anda mesra mobile atau tidak dengan pergi ke halaman berikut - Google Webmaster Tools - Mobile Friendly Test
Ujian Responsif Rekabentuk Blog

Faktor Pengiklan Memilih Blog Untuk Pengiklanan Berkesan

Ujian ini bukan sahaja penting untuk pemilik blog, tetapi ia juga dijadikan satu faktor pemilihan oleh pengiklan yang mahu meletakkan iklan berbentuk banner imej di dalam blog. Mereka pasti mahukan blog yang memaparkan banner pengiklanan mereka kelihatan seperti seadanya dalam mode biasa dan juga dalam mode mobile.

Semoga panduan ini boleh membantu rakan-rakan blogger untuk memastikan blog sentiasa memenuhi keperluan teknologi terkini, in Sha Allah.

Newer Post
Older Post
Home
Subscribe to: Post Comments (Atom)
Rujukan Blogger

Popular Posts

  • Cara Letakkan Adsense Tengah Post
    Cara Letakkan Adsense Tengah Post . Iklan Adsense mempunyai keupayaan untuk mudah diklik jika kita tahu untuk memposisikan kedudukannya di d...
  • Berapa Banyak Jenis Font Dalam Blog?
    Berapa Banyak Jenis Font Boleh Digunakan dalam Blog? Hanya 3 jenis sahaja! jangan lebih dari itu! Ini antara perkara asas dalam membina blo...
  • Tips Menulis Post Pertama
    Tips Menulis Post Pertama . Ramai blogger yang tidak tahu apakah perkara pertama yang perlu ditulis di dalam blog, atau dengan kata lain pos...

Blog Archive

  • ►  2017 (2)
    • ►  March (2)
  • ►  2016 (6)
    • ►  October (1)
    • ►  March (5)
  • ▼  2015 (19)
    • ►  December (1)
    • ►  October (2)
    • ►  September (1)
    • ▼  August (15)
      • Buat Duit Blog Dengan Niaga Affiliate
      • Tips Adsense - Elakkan Kandungan Copy-Paste
      • 4 Masalah Error 404 Pada Blogspot
      • Berapa Banyak Jenis Font Dalam Blog?
      • Ujian Responsif Rekabentuk Blog
      • Video Cara Menggunakan Google Plus
      • Cara Menggunakan Feedburner
      • Tips Memilih Template Blogspot
      • Tips Menulis Post Pertama
      • Teknik Mudah Kongsi Entri Blog Guna Google Plus
      • Tips Memilih Nama Blog dan URL
      • Perkara Penting Sebelum Bina Blog
      • Cara Delete Blog
      • Bahaya Langgan Domain dan Hosting Berbayar
      • Rujukan Blogger Blogspot Malaysia

Copyright © Rujukan Blogger Malaysia. All rights reserved.
Partner: Pakar SEO Malaysia. Kerjaya Graduan.
New Thesis SEO V3. Designed by CB Blogger. Original Theme: Thesis SEO. Powered by Blogger

↑