Cara Mengedit Blogger Template Mobile
Ada beberapa berita bagus dari Tim Blogger pada Blogger Code Blog. Jika anda sudah mengaktifkan Mobile Templates, anda juga bisa mengatur sendiri Blogger Mobile Template dengan menggunakan CSS definitions. Anda juga bisa mengontrol widget yang mana yang ditampilkan dan yang tidak. Anda juga bisa mengkonfigurasi widget untuk menunjukkan perubahan koneten pada tampilan mobile.
Meski terlihat menjanjikan, Saya belum bisa menguji semua fitur-fitur ini.
Widgets yang tampil pada mobile secara default adalah sebagai berikut:
Sebagai contoh Saya bisa menyembunyikan Attribution Gadget di dalam tampilan Mobile jika saya menggunakan kode
Contoh: ini adlaah normal tag untuk Blog Archive Widget
Jika anda ingin sebuah widget hanya muncul dalam tampilan mobile, anda bisa mengatur mobile property ke 'only'
Perubahan kode ini akan membuat attribution widget menghilang dari tampilan Mobile anda.
Pastikan bahwa template anda memiliki:
Meski terlihat menjanjikan, Saya belum bisa menguji semua fitur-fitur ini.
Pengaturan struktur dari Mobile Template anda.
Blogger Templates di buat dengan menggunakan Widgets. Blogger sudah menambahkan sebuah properti baru (mobile) untuk tag <b:widget/> . Properti ini bisa memiliki nilai ‘default', ‘ya', ‘tidak' atau ‘saja'. Dan properti ini akan menentukan bagaimana widget akan ditampilkan di dalam sebuah tampilan mobile.Widgets yang tampil pada mobile secara default adalah sebagai berikut:
- Header
- Blog
- Profile
- PageList
- AdSense
- Attribution
Sebagai contoh Saya bisa menyembunyikan Attribution Gadget di dalam tampilan Mobile jika saya menggunakan kode
Jika anda ingin menampilkan non-default widgets di dalam tampilan Mobile anda, anda hanya perlu mengatur mobile property ke yes.<b:widget id='Attribution1' locked='true' mobile='no' title='' type='Attribution'/>
Contoh: ini adlaah normal tag untuk Blog Archive Widget
Sekarang atur saja mobile property sebagai<b:widget id='BlogArchive1' title='Blog Archive' type='BlogArchive'>
, selanjutnya anda akan melihat archive widget pada tampilan Mobile anda.<b:widget id='BlogArchive1' title='Blog Archive' mobile='yes' type='BlogArchive'>
Jika anda ingin sebuah widget hanya muncul dalam tampilan mobile, anda bisa mengatur mobile property ke 'only'
Jika asaya menggunakan tag ini, attribution gadget akan menghilang dari tampilan desktop, dan hanya akan muncul pada tampilan mobile.<b:widget id='Attribution1' locked='true' mobile='only' title='' type='Attribution'/>
Perubahan kode ini akan membuat attribution widget menghilang dari tampilan Mobile anda.
Pengaturan Tampilan dan Rasa pada Mobile Template anda
Sekarang anda bisa sepenuhnya mengatur tampilan dari mobile template anda. Elemen body dari mobile template akan menjadi styled dari mobile class<body class='loading mobile'>
Pastikan bahwa template anda memiliki:
Maka jika anda ahli dengan CSS, anda bisa menggunakan class name untuk style mobile template anda.<body expr:class='"loading" + data:blog.mobileClass'>
.mobile .date-header { text-decoration:underline; }
Sumber