1. Halo Guest, pastikan Anda selalu menaati peraturan forum sebelum mengirimkan post atau thread baru.

ASK: Bagaimana Cara Buar Responsive MobileFriendly?

Discussion in 'Blogger/Blogspot' started by SyamsQ, Apr 24, 2015.

  1. SyamsQ

    SyamsQ Hero

    Joined:
    Jan 6, 2015
    Messages:
    732
    Likes Received:
    40
    Location:
    Jakarta
    ASK: Bagaimana Cara Buat Responsive MobileFriendly?

    Master, mohon izin bertanya. Maaf, sebelumnya juga untuk Bung Frangki atas ketidak sopanan saya.
    Saya cari template untuk blogspot, akhirnya saya dapat yang mantab menurut saya (setelah melakukan beberapa pengujian), yakni Gempar Template milik Bung Frangki. Tapi sayang, ketika saya coba tidak benar-benar responsive.


    Berikut laporannya:
    1. Tampilan Di web-web test responsive
    [​IMG]


    2. Tampilan Di Android langsung


    A. Dari Browser Bawaan Android
    [​IMG]

    B. Dari Browser Opera Mini

    [​IMG]


    Mohon bimbingannya, agar real responsive mobilefriendly.
     
    Last edited: Apr 27, 2015
  2. irsyahtra

    irsyahtra Super Hero

    Joined:
    Mar 6, 2014
    Messages:
    1,887
    Likes Received:
    112
    Location:
    Medan, Sumatera Utara
    Untuk yang nomor 2, itu karena untuk settingan mobile bloggernya belum dinonaktifkan gan.
    Makanya tampilannya masih seperti itu.
     
    SyamsQ likes this.
  3. newbisa

    newbisa I'm Blogger Lovers

    Joined:
    Dec 13, 2010
    Messages:
    2,417
    Likes Received:
    539
    Location:
    DigitalJV.com
    coba masuk ke menu "Templates" > terus ada "edit HTML" dan sebelahnya lagi yg pengaturan mobile (yang ada logo gerigi) klik itu,
    Trus pilih "No.Show Desktop....." ane lupa menunya,. pokonya pilih yang "No,....... "
    itu pengaturan agar tidak menggunakan default template mobile dari blogger. :)
     
    SyamsQ likes this.
  4. Hienzo

    Hienzo Ads.id Pro

    Joined:
    Oct 7, 2014
    Messages:
    290
    Likes Received:
    25
    Location:
    Bandung
    Idem sama yg di atas. Nonaktifkan dulu template mobile blogger.
     
  5. SyamsQ

    SyamsQ Hero

    Joined:
    Jan 6, 2015
    Messages:
    732
    Likes Received:
    40
    Location:
    Jakarta
    Kata yang punya,
     
  6. dadada

    dadada Super Hero

    Joined:
    Dec 10, 2013
    Messages:
    2,514
    Likes Received:
    999
    Lha yang punya sudah bilang gitu, nggak responsive :)

    Berarti Agan harus mengkonvertnya sendiri agar menjadi full responsive menggunakan CSS media Query....

    Tambahan, jangan lupa dikasih meta vieport sebelum</head>
    HTML:
    <meta content='width=device-width,initial-scale=1' name='viewport'/>
    
     
  7. SyamsQ

    SyamsQ Hero

    Joined:
    Jan 6, 2015
    Messages:
    732
    Likes Received:
    40
    Location:
    Jakarta
    Ya, yang punya bilang begitu.
    Yang dimasukkin cuma kode diatas saja?
     
  8. zharfan23

    zharfan23 Ads.id Starter

    Joined:
    Apr 24, 2015
    Messages:
    73
    Likes Received:
    1
    Beli jasa aja di ads id banyak tuh om jadi gak ribet hehe
     
  9. SyamsQ

    SyamsQ Hero

    Joined:
    Jan 6, 2015
    Messages:
    732
    Likes Received:
    40
    Location:
    Jakarta
    Tadi baca di blognya, doi nulis
    Mohon bantuannya masters...
     
  10. dadada

    dadada Super Hero

    Joined:
    Dec 10, 2013
    Messages:
    2,514
    Likes Received:
    999
    Sudah Tahu media Query nggak?.... Kalau sudah disediakan selector CSSnya with media Query, ya tinggal masukkan deklarasi , properti, dan valuenya saja. Test dan edit langsung menggunakan mozilla FF => inspect elemen, dan gunakan tampilan responsive untuk melihat masing-masing ukuran layar perangkt.

    Kalau belum tahu media query, ya sambil dipelajari sebentar :)
     
    Last edited: Apr 27, 2015
    SyamsQ likes this.
  11. SyamsQ

    SyamsQ Hero

    Joined:
    Jan 6, 2015
    Messages:
    732
    Likes Received:
    40
    Location:
    Jakarta
    Saya belum tahu query, dari mana harus belajar. Mohon saran.
     
  12. petinju

    petinju Newbie

    Joined:
    Apr 28, 2015
    Messages:
    31
    Likes Received:
    2
    aku juga butuh nih ilmu nya, makasih gan, lanjutnya tanya2x google aja dulu yah....
     

Share This Page