Mas ihsan blog's: cara membuat template mobile view manual

Home » belajar ngeblog » Blogging » mobile blog » SEO » Tehnik dasar blog » Tips and tricks » cara membuat template mobile view manual

Kamis, 16 Februari 2012

cara membuat template mobile view manual

Share to : Facebook | Tweet | Google+ | Google Book | Google ping | folkd it! | Digg | Technorati | Slashdot


Di poskan oleh: - di

[ 44 komentar ] sudah di tambahkan, terima kasih telah berkomentar.

  1. MieKamis, 16 Februari 2012 pukul 23.20.00 WIB

    pertamax, akhirnya dibeberin triknya.. (lumayan, kapan2 mau coba bikin sendiri..) Haha

    BalasHapus
  2. UnknownJumat, 17 Februari 2012 pukul 00.27.00 WIB

    alhamdulilah akirnya pösting juga... Thx banyak sobat aku skarang dah paham... :D

    mw tanya sdikit, :D bagaimana y "cra menghilangkan sidebar tempat pemasangan widget kanan/kiri"
    dan memindahkanya di bagian footer spt pada blog ini.,sekali lagi trimakasih mas Ihsan :D

    BalasHapus
    Balasan
    1. Mas ihsanJumat, 17 Februari 2012 pukul 07.57.00 WIB

      blog ini menggunakan cara di atas, jadi bila di buka lewat komputer akan melebar kesamping, dan atas ke bawah bila dengan hape..
      .::nb::.
      Bila ingin sidebar tetap di bawah, tinggal menghilangkan FLOAT di kedua sisi, maka tampilan sidebar di PC atau hape tetap di bawah.

      Hapus
    2. UnknownJumat, 17 Februari 2012 pukul 12.19.00 WIB

      ukey dh.. Thx sob.. :D

      Hapus
  3. Admin HaniJumat, 17 Februari 2012 pukul 06.56.00 WIB

    Blogwaliking gan kunjungi juga yah http://indotricks.com ..

    BalasHapus
  4. UnknownJumat, 17 Februari 2012 pukul 07.16.00 WIB

    Huh, gak gak gak kuat.. kalo pake HP wkwwk

    BalasHapus
  5. obinJumat, 17 Februari 2012 pukul 21.30.00 WIB

    pengalaman saya pemula ni kang, udah beberapa template dibikin kelinci percobaan, emang sih mobile view. . . Cuma templatenya kurang menarik aja dilihat dari hp.. Gak ada yang benar2 pas. . . . . Kec editan para master2 blogger. . . . Mantap mereka . .

    BalasHapus
    Balasan
    1. Mas ihsanSabtu, 18 Februari 2012 pukul 08.26.00 WIB

      iya, yang penting kamu sudah berusaha, ...
      Yang terpenting pertama adalah membuat kerangka blog, yang sulit adalah di sini, karena harus memisahkan/menghapus semua element css lalu membenahi dengan yang baru,, bila hanya merubah saja, tidak akan pas.

      Hapus
    2. AnonimMinggu, 19 Februari 2012 pukul 11.53.00 WIB

      gan cara buat link otomatis seperti
      "Home » belajar ngeblog » Blogging » mobile blog » SEO » Tehnik dasar blog » Tips and tricks » cara membuat template mobile view manual"
      itu gmn sih gan..
      tolong ajarin dunk..

      Hapus
    3. Mas ihsanMinggu, 19 Februari 2012 pukul 16.11.00 WIB

      insya alloh nanti saya postingkan.... Nama nya adalah breadcumbs....

      Hapus
  6. AnonimMinggu, 19 Februari 2012 pukul 15.47.00 WIB

    oh y gan ada tambahan 1
    lg nih..
    mfgan sebelumnya, ane
    ksih komen ini bukan
    b'mksud menghina ato
    apa2. ane cuma ingin kasih
    masukan.cz ane jg punya
    masalah ygsama.
    template agan ini terus
    terang sangat keren kalo
    dibuka pake opmin. tp knp
    y klo di buka lewat
    browser bawaan hp
    symbian 5800 n nokia e7
    tampilan nya jd ancur..
    font n tata letaknya jd
    berantakan dan agak aneh.
    jauhberbeda dg saat
    dibuka pake opmin. apa
    itu karena max-width nya
    y.. ane jg uda cb bwt
    template width nya ane
    ganti jd persen .. eh malah
    jd tambah berantakan.
    btw ane pernah gugling,
    kata salah satu situs luar
    negri (ane lupa alamatnya)
    klomembuat mobile
    template supaya cocok
    untuk segala browser
    widthnya ntuh 320px trus
    sebelum tag "head"
    dikasih "meta
    view=vieport" ato apalah
    ane kga mudeng.
    pokoknya sejenis kalo buat
    meta tag dsb..
    kalo ada informasi kasih
    tau y gan

    BalasHapus
    Balasan
    1. Mas ihsanMinggu, 19 Februari 2012 pukul 16.20.00 WIB

      terima kasih atas masukan dan pujian nya...
      Memang Sebenarnya tujuan terciptanya blog saya ini agar bisa dengan mudah di nikmati dengan browser hape...
      Tetapi, paling tidak dengan aplikasi tambahan, hal-hal seperti pengguna browser bawaan tentunya menyadari kekurangan dari browser nya.
      Lalu mengenai kata 'hancur' disini, sebenarnya anda salah, hal ini disebabkan CSS yang tidak terbaca browser saja, jadi denah yang terlihat adalah blog dalam keadaan tanpa busana, cuma seperti itu saja..
      Mobile theme yang menggunakan ukuran 320px itu bila anda ingin tampilan slide show nya kecil, dan hanya bagi pengguna hape saja.
      Karena blog saya multy slide ( agar tampilan auto windows ) jadi saya buat seperti ini saja.
      Lain-lain insya alloh saya postingkan.
      Terima kasih.

      Hapus
  7. DeeJayHan ShareMinggu, 13 Mei 2012 pukul 22.12.00 WIB

    emmm . triknya bagus man :)
    semoga bermanfaat buat semuanya nih trik .

    BalasHapus
  8. 1rzaRabu, 06 Juni 2012 pukul 14.54.00 WIB

    keren gan triknya ..bermaanfaat bget buat pemula seperti saya..

    BalasHapus
    Balasan
    1. Mas ihsanRabu, 06 Juni 2012 pukul 20.28.00 WIB

      silahkan di pelajari agar bisa membuat template mobile sendiri
      terima kasih sudah mampir

      Hapus
  9. Jenis-jenis AlergiKamis, 07 Juni 2012 pukul 18.50.00 WIB

    Sangat bermanfaat nih informasinya salam kenal gan...

    BalasHapus
  10. Meningkatkan StaminaKamis, 07 Juni 2012 pukul 18.52.00 WIB

    Informasinya cukup berguna salam kenal gan moga sukses trus...

    BalasHapus
  11. Sobat Dunia MayaSabtu, 09 Juni 2012 pukul 21.15.00 WIB

    mantap sekali gan, sangat berguna bagi ane
    makasih sudah berbagi, salam kenal

    BalasHapus
  12. WH2MMinggu, 17 Juni 2012 pukul 06.05.00 WIB

    . Wahh keren gan ..tapi ane punya 2 permasalahan ni gan yg lum ane temukkan jalam keluarnya,yaitu ;
    1.Gemana cara na nampilin label Category postingan,di atas atau d bawah tampilan home blog kita.

    2. Gemana cara na membuat Next page seperti di blog agan ini.tolong d bantu ƴɑ̤̥̈̊ªªªª☺♡̬̩̃̊☺ gan ..coz we pusing ni cari trik nya,maklum gan,masi baru ..:)

    BalasHapus
    Balasan
    1. Mas ihsanSenin, 18 Juni 2012 pukul 00.28.00 WIB

      Kalau yang di maksud adalah navigasi seperti di atas header bisa baca di sini cara membuat navigasi blog, bila mau membuat kode next prev angka, mungkin bisa menjadi postingan selanjutnya... Di tunggu saja.... Trims dah mampir

      Hapus
  13. AnonimKamis, 21 Juni 2012 pukul 11.12.00 WIB

    Informasinya sangat bermanfaat, ijin coba triknya ya..

    BalasHapus
  14. EswandiMinggu, 01 Juli 2012 pukul 17.18.00 WIB

    Oke akan aku coba, mohon ijinnya ya mas

    BalasHapus
  15. AnonimKamis, 05 Juli 2012 pukul 15.33.00 WIB

    makasih informasinya sangat bermanfaat sekali

    BalasHapus
    Balasan
    1. Mas ihsanJumat, 06 Juli 2012 pukul 09.07.00 WIB

      terima kasih, semoga membantu anda and keep blogging

      Hapus
  16. KardinataKamis, 20 September 2012 pukul 16.50.00 WIB

    gan.
    Cara buat template mobile viewnya kayak kamu gini gimana ya ?

    Kan biasanya standar banget tp punyamu beda

    BalasHapus
    Balasan
    1. Mas ihsanKamis, 20 September 2012 pukul 18.32.00 WIB

      oiyo....
      Ini termasuk kategori screen...
      Jadi tampilan dirubah dengan css baru, selain css utama..
      Ntar tak buatkan tutornya

      Hapus
  17. Ismail Mujaddid™Selasa, 13 November 2012 pukul 15.14.00 WIB

    mas mau nanya mas aku blogger.newbie, gimana cara agar template blog kita pas di hp? sekian dan terima kasih

    BalasHapus
  18. Blogspot TutorialSabtu, 24 November 2012 pukul 19.04.00 WIB

    oh ia gan...
    bisa dengan cara ini juga lho ...

    .mobile .post {max-widht:600px !important}

    :-bd

    BalasHapus
    Balasan
    1. Mas ihsanSabtu, 24 November 2012 pukul 19.12.00 WIB

      wah kalo bagian itu untuk css style mobile custom nya....

      Yang saya tulis di atas untuk auto screen, jadi blog nya non mobile custom, tapi auto mobile hehehe

      Hapus
    2. Blogspot TutorialSabtu, 24 November 2012 pukul 19.31.00 WIB

      owh...
      maksudnya responsive template ya?

      meskipun tanpa mobile template, tapi bisa mobile preview kan?

      sep keren keren :-bd

      Hapus
    3. Mas ihsanSabtu, 24 November 2012 pukul 19.38.00 WIB

      kurang lebih seperti itu lah kumendan.... hehehe

      Hapus
  19. Dan's BlogMinggu, 27 Januari 2013 pukul 20.53.00 WIB

    saya sudah mencoba membuat tampilan mobile blog saya menggunakan max-width seperti itu mas. tetapi ketika saya buka dari hp saya, tampilannya tetap besar mas, untuk membacanya harus di zoom terlebih dahulu. Berbeda dengan blog anda yang langsung fix dengan hp. Kira2 knp bisa begitu ya mas?

    BalasHapus
    Balasan
    1. Mas ihsanJumat, 01 Februari 2013 pukul 00.32.00 WIB

      biasanya background gambar yang di gunakan ukuran nya tidak bisa diparsing.... Saya biasanya membuang dulu image tersebut, lalu memasukan css3 saja biar lebih simpel....
      Untuk blog ini saya memakai meta yang menyesuaikan ukuran ponsel.... Sama seperti blog ente yang keren kumendan... Blog ente malah lebih bagus daripada punya ane... Hehehe

      Hapus
  20. AdiJumat, 19 April 2013 pukul 16.07.00 WIB

    Thanks infonya bro :D
    Ini yang gue cari2 .
    thanks yaaa

    BalasHapus
  21. alat bantu wanitaMinggu, 15 Desember 2013 pukul 01.48.00 WIB

    ada seringan untuk menampikan wiget times wp di posel gak ya. tenks

    BalasHapus
  22. seo tutorialSelasa, 01 Juli 2014 pukul 13.36.00 WIB

    Trims bro imponya...kita juga bisa setting ke edit htmljika tdk ingin tampilan mobile view

    BalasHapus
  23. UnknownJumat, 03 Oktober 2014 pukul 13.44.00 WIB

    Makasih.
    Artikel yang sangat bermamfaat.

    BalasHapus