Kaskus

Tech

semarbingungAvatar border
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.
0
5.7K
19
GuestAvatar border
Komentar yang asik ya
Urutan
Terbaru
Terlama
GuestAvatar border
Komentar yang asik ya
Komunitas Pilihan