Cara Gampang Membuat Website Versi Mobile

Cara Gampang Membuat Website Versi Mobile - Saat ini persentase pengunjung website 70% menggunakan Smartphone/Mobile, jadi jika website anda mendukung tampilan versi mobil maka akan banyak keuntungan baik dari segi tampilan yang menarik maupun kecepat loading website versi mobile lebih ringan dan seo friendly.



Dari hasil penulusuran akhirnya dapat ditemukan salah satu situs yang menyediakan alat kompres website menjadi mobile site secara gratis, sehingga anda mampu membuat website versi mobile sebanyak mungkin, termasuk website orang lain pun bisa anda jadikan mobile untuk kenyamanan anda dalam mengakses website tersebut, berikut step by step tutorialnya :
  1. Buka halaman situs Via PC Http://my.dudamobile.com , jika sobat lewat ponsel klik Http://m.dudamobile.com
     
  2. Anda bisa sign in dulu melalui Email atau facebook, atau anda juga dapat langsung Memasukan Url blog/website yang anda ingin convert menjadi Versi mobile (Sign in setelah selesai membuat).
     
  3. Setelah anda masukan Url dan klik Make mobile site, tampilan halaman berikutnya adalah Pilihan template, pilih salah satu template yang anda suka, anda juga bisa menggunakan template asli website anda.
    image
     
  4. Setelah anda memilih template, klik Continue (selanjutnya), maka anda akan masuk ke tahap dua Template design artinya tempat di mana anda mengatur tampilan website/blog anda, di sana tersedia dari mulai Pengaturan kepala halaman (logo, warna, dan latar), Pengaturan navigasi untuk merubah warna, logo navigasi atau tulisan, anda juga dapat merubah latar belakang halaman dengan menggunakan warna atau gambar anda sendiri yang di upload, Setelah selesai klik Continued, Add futured, abaikan saja, langsung klik lagi Continued.
     
  5. Review and publish, coba lihat dulu tampilan website kita dalam versi mobile, jika sudah siap langsung publikasikan umum melalui jejaring sosial seperti twitter, facebook, Google + , atau melalui email (catatan : bagi anda yang awalnya langsung masuk Url tanpa sign in, disini , saat anda mempublikasikan sudah langsung dapat mendaftar).
     
  6. Klik Continued, anda akan masuk pada Mobile redirect , disini jika anda ingin website anda dapat langsung menyesuaikan alat akses pengunjung, jadi jika website / blog anda di buka di ponsel, maka website anda akan otomatis menyesuaikan ke jenis ponsel pengunjung ( Iphone, android, Os symbian, blackbarry, java dan wapsite klasik), caranya dengan mengcopy paste Kode yang tersedia di kolom redirect kepada bagian pengaturan kepala (Head) pada website/blog anda.

Contoh saat saya buat :
Redirect mobile visitors to your mobile website Not Configured
Follow the steps below to redirect your mobile traffic and customize your mobile website domain.
Duda gives you a mobile website address that you can share with people so they can visit your mobile site. If you would like to use a custom website address, we make it easy.
  1. I want to use http://mobile.dudamobile.com/site/websiteanda
  2. I want to use m.websiteanda.com (or any other sub-domain)

Now that you have a mobile website, let’s make sure that people browsing your site on their phones can see it. Copy the code below into the html of your regular website’s homepage to automatically redirect mobile visitors to your mobile site.
DM_redirect(“http://mobile.dudamobile.com/site/websiteanda#8221;);

Contoh kode
Paste this code into the /head/
tag on your site. You only need to do this once.
Setelah di paste kode tersebut pada pengaturan halaman anda coba cek website/blog anda melalui ponsel, Jreeeeng mantap kan, tampilan mobile website anda.

Untuk blogspot, wordpress atau blog/website lain yang sudah dalam punya tampilan mobile bisa anda ubah tampilannya menggunakan aplikasi ini agar terlihat lebih menarik saat di buka dalam Smartphone anda.
Anda baru saja membaca artikel yang berkategori Mobile dengan judul Cara Gampang Membuat Website Versi Mobile. Anda bisa bookmark halaman ini dengan URL http://haddistra.blogspot.com/2016/11/cara-gampang-membuat-website-versi.html. Terima kasih!
Ditulis oleh: Unknown - Rabu, 02 November 2016

Belum ada komentar untuk "Cara Gampang Membuat Website Versi Mobile"

Posting Komentar