Viewport meta tag , saat ini responsive design menjadi struktur standar dalam membuat website, dengan responsive website menjadi bisa dibuka oleh apa saja , dari browser komputer sampai ke mobile device . contoh viewport meta tag untuk web yang responsive design Code: <meta content="width=device-width, initial-scale=1.0" name="viewport"> nah di atas tersebut merupakan code viewport meta tag, bahkan web bersosialpun memakai kode tersebut untuk bisa dibuka dimobile device.. dan width(ukuran lebarnya) mengikuti lebar device Code: content="width=device-width nah bagai mana jika kalo web tidak support responsive design, apa bisa menggunakan viewport meta tag ? jawabnya pasti bisa dan pastinya disesuaikan lebarnya dengan keinginan kita, berikut contoh nya gambar pertama tanpa viewport dan gambar kedua memakai viewport dengan kode Code: <meta name="viewport" content="width=1024"> mau pelajari lebih lengkap ? silahkan kunjungi source nya http://webdesignerwall.com/tutorials/viewport-meta-tag-for-non-responsive-design semoga bermanfaat Fahmi, Feb 24, 2013 #1 Dan Forum Bot Joined: Dec 4, 2012 Messages: 1,316 Likes Received: 257 Trophy Points: 83 Google+: Author Untuk smartphone Android Untuk smartphone Android harus menggunakan viewport ini kalau tidak maka tidak bisa responsive, forum inipun menggunakan kode seperti itu: Code: <meta name="viewport" content="width=device-width, initial-scale=1.0" /> Nice share *smile* Dan, Feb 24, 2013 #2 samuel Member Joined: Feb 5, 2013 Messages: 478 Likes Received: 15 Trophy Points: 18 Google+: Author oh oh jadi kalo pake viewport tampilan bisa lebih maksimal ya *scratch_one-s_head* samuel, Feb 24, 2013 #3 Fahmi Newbie Joined: Dec 5, 2012 Messages: 1,719 Likes Received: 159 Trophy Points: 63 Google+: Author yaa ,, jadi untuk design yg yaa ,, jadi untuk design yg responsive ( support mobile ) harus menggunakan viewport seperti yg mas Dan tulis ,, namun jika tidak responsive , misal menggunakan 960 gs (width:960px) bisa juga menggunakan : Code: <meta name="viewport" content="width=1000"> hasilnya pas di loading via mobile sebelah sisi kanan dan kirinya ada sela sekitar 20px Fahmi, Feb 24, 2013 #4 ebaharu Member Joined: Dec 5, 2012 Messages: 257 Likes Received: 12 Trophy Points: 18 Google+: Author Wah baru tau nih Wah baru tau nih, ternya untuk kebutuhan mobile theme or theme yang responsive tu harus dipasang "meta nama" seperti itu ya.... heheheh saya coba di mobile theme dulu mas dan... karena selama ini saya menggunakan theme yang terpisah, antara theme untuk monitor standar dan theme mobile ebaharu, Feb 25, 2013 #5 Jumbulen Member Joined: Dec 22, 2012 Messages: 73 Likes Received: 6 Trophy Points: 18 Template Blogger tinggal Template Blogger tinggal pakai dan sudah ada fitur kayak gini *biggrin* Jumbulen, Feb 25, 2013 #6 Fahmi Newbie Joined: Dec 5, 2012 Messages: 1,719 Likes Received: 159 Trophy Points: 63 Google+: Author Jumbulen wrote: pakai blogger mah jgn ditanya,, tinggal langsung nulis aje intinya nulis.. nulis.. nulis hehehe bikin konten..konten konten Fahmi, Feb 25, 2013 #7 Jumbulen Member Joined: Dec 22, 2012 Messages: 73 Likes Received: 6 Trophy Points: 18 Sudah defaultnya Kalau template defaultnya blogger sudah responsive dari sononya *biggrin* Jumbulen, Feb 28, 2013 #8 IndoBo New Member Joined: Mar 26, 2013 Messages: 7 Likes Received: 0 Trophy Points: 1 Apakah viewport meta tag support semua jenis template? sobat saya mau tanya apakah viewport bisa di gunakan untuk template premium utamanya hasil design dari orang tertentu? bisa lihat contohnya yang saya gunakan diblog Lintas Line IndoBo, Mar 26, 2013 #9 ncang Super Level Joined: Feb 7, 2013 Messages: 4,655 Likes Received: 761 Trophy Points: 113 Google+: Author kalau untuk blogger <meta kalau untuk blogger Code: <meta content='width=1100' name='viewport'/> apakah harus di ganti dengan Code: <meta name="viewport" content="width=device-width, initial-scale=1.0" /> ? ncang, Jul 2, 2013 #10 AhmadWafa Member Joined: Oct 2, 2013 Messages: 867 Likes Received: 16 Trophy Points: 18 Google+: Author Nice share . . . bagus juga Nice share . . . bagus juga nih untuk ane yang baru belajar AhmadWafa, Dec 28, 2013 #11 AhmadWafa Member Joined: Oct 2, 2013 Messages: 867 Likes Received: 16 Trophy Points: 18 Google+: Author Template Jaman sekarang Template Jaman sekarang isinya banyak yang Responsive, , , biasanya sih meta tag tersebut sudah ada AhmadWafa, Feb 8, 2014 #12 KBlogger New Member Joined: Mar 7, 2014 Messages: 68 Likes Received: 0 Trophy Points: 6 Saya sudah, hehehe, salam lewat kawan.. KBlogger, Mar 8, 2014 #13 iska New Member Joined: Mar 13, 2014 Messages: 28 Likes Received: 0 Trophy Points: 6 Google+: Author ncang wrote: paling aman pake Code: content="width=device-width , kan menyesuaikan ukuran device iska, Mar 14, 2014 #14 pram Well-Known Member Joined: Sep 23, 2013 Messages: 3,099 Likes Received: 161 Trophy Points: 63 Google+: Author wah makasih mas sharenya wah makasih mas sharenya pram, Apr 9, 2014 #15 (You must log in or sign up to reply here.) Show Ignored Content Loading... Similar Threads - Viewport meta Meta Tag Ini Bisa Membuat Blog Tidak Terindeks Google? cyberx1408, Apr 5, 2019, in forum: HTML & Website Design Replies: 11 Views: 6,575 khezo Apr 12, 2019 HTML <meta> Tag .. ? Chocoberries, Feb 25, 2017, in forum: HTML & Website Design Replies: 7 Views: 2,044 kaliwungu Mar 6, 2017 [ASK] perihal meta tag nih, tolong bantu yakk. Simsalabin jadi apa?? Minecraftndns, Jan 12, 2016, in forum: HTML & Website Design Replies: 11 Views: 2,213 Promp3 Dec 14, 2016 Share This Page Tweet Log in with Facebook Log in with Twitter Your name or email address: Do you already have an account? No, create an account now. Yes, my password is: Forgot your password? Stay logged in
Untuk smartphone Android Untuk smartphone Android harus menggunakan viewport ini kalau tidak maka tidak bisa responsive, forum inipun menggunakan kode seperti itu: Code: <meta name="viewport" content="width=device-width, initial-scale=1.0" /> Nice share *smile*
yaa ,, jadi untuk design yg yaa ,, jadi untuk design yg responsive ( support mobile ) harus menggunakan viewport seperti yg mas Dan tulis ,, namun jika tidak responsive , misal menggunakan 960 gs (width:960px) bisa juga menggunakan : Code: <meta name="viewport" content="width=1000"> hasilnya pas di loading via mobile sebelah sisi kanan dan kirinya ada sela sekitar 20px
Wah baru tau nih Wah baru tau nih, ternya untuk kebutuhan mobile theme or theme yang responsive tu harus dipasang "meta nama" seperti itu ya.... heheheh saya coba di mobile theme dulu mas dan... karena selama ini saya menggunakan theme yang terpisah, antara theme untuk monitor standar dan theme mobile
Jumbulen wrote: pakai blogger mah jgn ditanya,, tinggal langsung nulis aje intinya nulis.. nulis.. nulis hehehe bikin konten..konten konten
Apakah viewport meta tag support semua jenis template? sobat saya mau tanya apakah viewport bisa di gunakan untuk template premium utamanya hasil design dari orang tertentu? bisa lihat contohnya yang saya gunakan diblog Lintas Line
kalau untuk blogger <meta kalau untuk blogger Code: <meta content='width=1100' name='viewport'/> apakah harus di ganti dengan Code: <meta name="viewport" content="width=device-width, initial-scale=1.0" /> ?
Template Jaman sekarang Template Jaman sekarang isinya banyak yang Responsive, , , biasanya sih meta tag tersebut sudah ada