- Beranda
- Komunitas
- Tech
- Computer Stuff
[SHARE] Cara Mengedit (Mengubah) Desain Tampilan Halaman Blog Versi Seluler (Mobile)
TS
semarbingung
[SHARE] Cara Mengedit (Mengubah) Desain Tampilan Halaman Blog Versi Seluler (Mobile)
Sobat, bisa jadi selama ini kita beranggapan bahwa template standar (bawaan) yang disediakan oleh Blogger tidak lebih baik apabila dibandingkan dengan kustom template (template dari pihak ketiga), sehingga terkadang tidak sedikit diantara kita yang berinisiatif mencari kustom template untuk digunakan pada blog yang dikelola.
Namun tahukah Anda, bahwasanya template standar yang disediakan oleh Blogger (menurut pendapat saya) merupakan template terbaik yang pernah ada untuk platform Blogger (Blogspot). Saya berpendapat demikian karena menurut saya template standar yang disediakan oleh Blogger sebenarnya tidak kalah keren apabila dibandingkan dengan kustom template (walaupun tidak sedikit pula kustom template yang memiliki desain sangat keren pula).
Pendapat tersebut tentu saja bukan tanpa alasan, karena tentu saja pendapat tersebut didasari atas beberapa hal. Dimana beberapa hal yang dimaksud diantaranya adalah terletak pada desain tampilan halaman, performa penayangan, fitur atau dukungan, serta kemudahan kustomisasi yang diberikan.
Nah, terkait dengan masalah kustomisasi, bisa jadi selama ini yang kita lakukan pada template hanyalah sebatas kustomisasi untuk tampilan halaman blog versi web saja. Sedangkan kustomisasi untuk tampilan halaman versi seluler bisa jadi belum atau bahkan tidak terpikirkan sama sekali.
Namun tahukah Anda bahwasanya template standar (bawaan) Blogger sebenarnya memberikan dukungan bagi kita untuk melakukan modifikasi (kustomisasi) tampilan halaman versi seluler, dalam hal ini adalah dengan adanya kode CSS khusus yang diperuntukkan untuk membuat dan atau menata desain tampilan halaman blog versi mobile. Sehingga dengan demikian maka kita dapat melakukan perubahan desain tampilan halaman versi seluler untuk blog yang kita kelola, yaitu dengan cara mengedit kode CSS tersebut. Dan pada akhirnya kita pun dapat menentukan sendiri bagaimana desain tampilan halaman versi seluler yang sekiranya sesuai dengan selera kita masing-masing.
Lantas bagaimana caranya agar kita dapat menggunakan dan atau mengaktifkan fitur tersebut?
Caranya cukup mudah. Yang perlu dilakukan hanyalah mengubah setelan template untuk tampilan versi seluler menjadi 'Tersesuai (Custom)', sehingga apabila blog dibuka dengan menggunakan perangkat seluler (HP/Handphone) maka halaman versi mobile yang ditampilkan adalah sesuai dengan kustomisasi kode CSS yang telah dilakukan pada template.
Namun perlu diingat bahwasanya kustomisasi kode CSS untuk tampilan versi seluler yang saya uraikan diatas, hanya dapat dilakukan pada template standar (bawaan) Blogger saja. Sedangkan untuk kustom template, sampai sekarang saya belum menemukan kustom template yang memberikan fitur seperti ini, sehingga dapat diasumsikan bahwa teknik tersebut tidak dan atau belum dapat diterapkan pada kustom template (template dari pihak ketiga).
Dan selanjutnya sebagai contoh hasil dari kustomisasi kode CSS untuk tampilan versi seluler (seperti yang saya uraikan di atas), dapat Anda lihat dengan cara membuka http://www.eltelu.blogspot.com/ atau apabila dibuka dengan menggunakan browser komputer maka Anda dapat menambahkan ?m=1 di belakang URL tersebut sehingga menjadi http://www.eltelu.blogspot.com/?m=1
Sedangkan sebagai contoh kode CSS untuk tampilan halaman versi seluler, dapat Anda lihat dengan membuka URL berikut ini:
http://eltelu.blogspot.com/2012/07/c...-mengubah.html
Atau apabila Anda ingin mengunduh kode CSS untuk desain tampilan halaman versi seluler yang saya contohkan tersebut, maka Anda dapat mengunduhnya dengan cara membuka URL berikut ini:
http://eltelu.blogspot.com/2012/07/m...e-blogger.html
Sekian, semoga berguna dan bermanfaat.
Salam.
Namun tahukah Anda, bahwasanya template standar yang disediakan oleh Blogger (menurut pendapat saya) merupakan template terbaik yang pernah ada untuk platform Blogger (Blogspot). Saya berpendapat demikian karena menurut saya template standar yang disediakan oleh Blogger sebenarnya tidak kalah keren apabila dibandingkan dengan kustom template (walaupun tidak sedikit pula kustom template yang memiliki desain sangat keren pula).
Pendapat tersebut tentu saja bukan tanpa alasan, karena tentu saja pendapat tersebut didasari atas beberapa hal. Dimana beberapa hal yang dimaksud diantaranya adalah terletak pada desain tampilan halaman, performa penayangan, fitur atau dukungan, serta kemudahan kustomisasi yang diberikan.
Nah, terkait dengan masalah kustomisasi, bisa jadi selama ini yang kita lakukan pada template hanyalah sebatas kustomisasi untuk tampilan halaman blog versi web saja. Sedangkan kustomisasi untuk tampilan halaman versi seluler bisa jadi belum atau bahkan tidak terpikirkan sama sekali.
Namun tahukah Anda bahwasanya template standar (bawaan) Blogger sebenarnya memberikan dukungan bagi kita untuk melakukan modifikasi (kustomisasi) tampilan halaman versi seluler, dalam hal ini adalah dengan adanya kode CSS khusus yang diperuntukkan untuk membuat dan atau menata desain tampilan halaman blog versi mobile. Sehingga dengan demikian maka kita dapat melakukan perubahan desain tampilan halaman versi seluler untuk blog yang kita kelola, yaitu dengan cara mengedit kode CSS tersebut. Dan pada akhirnya kita pun dapat menentukan sendiri bagaimana desain tampilan halaman versi seluler yang sekiranya sesuai dengan selera kita masing-masing.
Lantas bagaimana caranya agar kita dapat menggunakan dan atau mengaktifkan fitur tersebut?
Caranya cukup mudah. Yang perlu dilakukan hanyalah mengubah setelan template untuk tampilan versi seluler menjadi 'Tersesuai (Custom)', sehingga apabila blog dibuka dengan menggunakan perangkat seluler (HP/Handphone) maka halaman versi mobile yang ditampilkan adalah sesuai dengan kustomisasi kode CSS yang telah dilakukan pada template.
Namun perlu diingat bahwasanya kustomisasi kode CSS untuk tampilan versi seluler yang saya uraikan diatas, hanya dapat dilakukan pada template standar (bawaan) Blogger saja. Sedangkan untuk kustom template, sampai sekarang saya belum menemukan kustom template yang memberikan fitur seperti ini, sehingga dapat diasumsikan bahwa teknik tersebut tidak dan atau belum dapat diterapkan pada kustom template (template dari pihak ketiga).
Dan selanjutnya sebagai contoh hasil dari kustomisasi kode CSS untuk tampilan versi seluler (seperti yang saya uraikan di atas), dapat Anda lihat dengan cara membuka http://www.eltelu.blogspot.com/ atau apabila dibuka dengan menggunakan browser komputer maka Anda dapat menambahkan ?m=1 di belakang URL tersebut sehingga menjadi http://www.eltelu.blogspot.com/?m=1
Sedangkan sebagai contoh kode CSS untuk tampilan halaman versi seluler, dapat Anda lihat dengan membuka URL berikut ini:
http://eltelu.blogspot.com/2012/07/c...-mengubah.html
Atau apabila Anda ingin mengunduh kode CSS untuk desain tampilan halaman versi seluler yang saya contohkan tersebut, maka Anda dapat mengunduhnya dengan cara membuka URL berikut ini:
http://eltelu.blogspot.com/2012/07/m...e-blogger.html
Sekian, semoga berguna dan bermanfaat.
Salam.
0
5.7K
19
Komentar yang asik ya
Urutan
Terbaru
Terlama
Komentar yang asik ya
Komunitas Pilihan