Cara Edit Tampilan Blogger Mobile - Balik lagi nih di FahMibLog's, apa kabar semuanya? mudah-mudahan kabarnya pada baik-baik aja, Fahmi kali ini mau nyoba share tentang Cara Edit Tampilan Blogger Mobile, bagaimana kah caranya? caranya sangat mudah, tapi nanti caranya ada dibawah Fahmi mau menjelaskan dulu nih apa itu fungsi Tampilan Mobile blogger.
Cara Edit Tampilan Blogger Mobile - Tampilan Mobile blogger tentunya sangat berguna, terlebih lagi kalau pengunjung anda kebanyakan datang dari Perangkat Handphone ya kan? hehe...
Ok deh dari pada langsung lama-lama ngomong ga karuan mending langsung aja baca tutorial Cara Edit Tampilan Blogger Mobile dibawah ini :
- Login Blogger dulu dong
- Ke Dashbord langsung Klik Menu "Stelan"
- Ke Menu "EMail & Seluler"
- Kalau sudah, jangan lupa di aktifkan template Mobile yang default dari Blogger caranya. Pilih "Ya. Tampilkan template Seluler di perangkat Seluler."
- Lalu pilih yang "Tersesuaikan".
- Setelah itu ke menu Rancangan.
- Sesampainya di rancangan ke EDIT HTML, kalau sudah ke EDIT HTML, ganti code <body> dengan code HTML dibawah ini <body expr:class='"loading" + data:blog.mobileClass'> tenang gak akan ada pengaruh ke SEO atau SERP kok kalau diganti.
- Selanjutnya kita cuma diharuskan menambahkan code css ".mobile" (hilangkan tanda petiknya).
taruh class css tersebut di manapun, tapi sesuai selera maksudnya gini, kalau anda menginginkan header tidak nampak pada tampilan mobile ya seperti ni ".mobile #header-wrapper{display:none!important;}" css header orang berbeda-beda makanya saya tidak bisa menjelaskan lebih detail.
Begitu juga kalau anda ingin melebarkan atau mengecilkan blog tersebut caranya seperti ini ".mobile #outer-wrapper{width:100%;}" tapi kalau ingin mengecilkan 100% itu diubah saja menjadi 80% atau dibawah dari 80%. - Simpan code-code yang telah anda buat di ]]></b:skin>
contoh seperti ni :
- kalau sudah jangan lupa di Save template, abis itu lihatnya dengan Url link versi mobile :-).
contoh seperti ini http://alkian.blogspot.com/?m=1
Bagaimana? tutorialnya... mudah dicerna bukan? kalau ga tau silahkan aja tanya dikotak komentar insya allah fast respon :D, demikianlah sedikit ulasan saya yang mengenai Cara Edit Tampilan Blogger Mobile, semoga dapat bermanfaat.
0 comments:
Post a Comment