15 November 2011

Ubah Tampilan Mobile Untuk Blog

Diposting oleh KangFirm Ankshana on 15 November 2011 – 3:11:00 PM

Menambahkan Widget Traffic Rank Alexa di Blog Sendiri

Welcome to KF-84 Al-Ambity Bloggist Ankshana

Apa kabar semuanya? mudah-mudahan kabarnya pada baik-baik aja dech..

Kali ini, Kang Firman kembali lagi nge-share info buat kalian yang doyan ngoprak-ngoprek di dunia maya yaitu cara mengubah tampilan mobile untuk blogger. Bagaimana sih caranya? jawabnya: sangat mudah, tapi caranya nanti ada dibawah. Kang Firman mau menjelaskan dulu, apa fungsi dan yang dimaksud dengan Tampilan Mobile blogger.

Tampilan Mobile blogger tentunya sangat berguna, terlebih lagi jijka kebanyakan pengunjung anda datang dengan menggunakan perangkat seluler alias HandPhone ataw ponsel. iya kan? hehe..

OC dech.. dari pada lama-lama ngomong ga' karuan, mending langsung aja baca tutorial mengubah tampilan mobile untuk blogger dibawah ini :

Login ke Blogger dulu dong..
Masuk ke Dashbord, langsung klik Menu "Setelan"
Ke Menu "EMail & Seluler"
Kalau sudah, jangan lupa di Aktifkan Template Mobile default dari Blogger. Caranya, pilih "Ya. Tampilkan template Seluler di perangkat Seluler." lalu pilih yang "Tersesuaikan".
Setelah itu, klik menu Rancangan.
Di halaman rancangan, pilih EDIT HTML dan ganti code <body> dengan code HTML ini <body expr:class='"loading" + data:blog.mobileClass'>
tenang mas/mba bro, kalo diganti juga ga' akan ada pengaruh ke SEO atau SERP koq!
Selanjutnya, kita cuma diharuskan untuk menambahkan kode css ".mobile" (tanpa tanda petik) dimanapun yang anda inginkan/sesuai selera anda. Maksudnya gini.. kalau anda menginginkan header tidak nampak pada tampilan mobile, ketik kode css-nya seperti ini
.mobile #header-wrapper{display:none!important;}.
Karena kode css header setiap orang berbeda-beda, makanya saya tidak bisa menjelaskan lebih detail.
Begitu juga kalau anda ingin melebarkan atau mengecilkan blog tersebut, ketik kode css-nya seperti ini
.mobile #outer-wrapper{width:100%;}
tapi kalau ingin mengecilkan nilai 100%, ubah saja menjadi 80% atau dibawah dari 80%.
Simpan kode css yang telah anda buat di atas kode ]]></b:skin>
lihat contohnya :
Kalau sudah, jangan lupa di Save template. lalu lihat dengan Url link versi mobile :-), contohnya seperti ini http://kangfirm84.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 Kang Firman mengenai cara mengubah tampilan mobile untuk blogger anda, semoga dapat bermanfaat.

Terima kasih telah membaca artikel ini, silahkan SUKAI dan BAGIKAN halaman ini bila anda merasakan hal yang sama! Karena berbagi itu indah..
Thanks for read this article, please LIKE and SHARE this page if you feel the same! Because a sharing is beautiful..

Present by

The Bloggist Ankshana Al-Ambity

Widgets by ULPCS Creations

Balas

Unknown

17 Desember 2014 pukul 17.25.00 WIB

update all Samsung mobile price in Bangladesh

Unknown, terima kasih atas komentarnya di artikel Ubah Tampilan Mobile Untuk Blog

Komentar berupa kritik dan saran yang membangun dari anda disini, dapat membantu saya untuk terus memperbaiki apa yang menjadi kekurangan dan kelemahan saya dalam berbagai hal.

Mengenai tata cara/etika berkomentar, silahkan baca disini.

Bila ada artikel yang sudah tidak relevan atau terdapat link yang rusak, mohon pemberitahuannya melalui kolom komentar ini dan Admin akan segera memperbaikinya.

Terima kasih.