[TIPS & TRICKS] Cara Setting Blogspot Otomatis Menjadi Versi Mobile

Tips & Tricks - Cara setting blogspot versi mobile
Blog versi mobile
Tampilan blog mungkin mencirikan keistimewaan dari sebuah blog, namun bagaimana bila blog Anda harus dibuka melalui handphone? Selain tulisan yang mengecil, besar kemungkinan loading yang terlalu lama akan menjadi salah satu masalah bagi pembaca blog Anda, khususnya para mobile reader..


 


Ok, saya akan coba sedikit share tentang mengaktifkan tampilan mobile untuk blog Anda kapanpun orang membuka url blog Anda via handphone...

1. Masuk ke draft.blogger.com, klik blog Anda, pilih 'Template', klik tombol setting

 


2. Pilih " Ya. Tampilkan template seluler di perangkat seluler. " Lalu pilih template seluler sesuai selera Anda (klik tanda panah kanan/kiri untuk model/warna template lain), save.

 


Sampai sini, sebenarnya Anda sudah bisa melihat tampilan mobile blog Anda, namun hanya jika Anda mengetik url dengan format : http://www.bloganda.com/?m=1. Tapi bila Anda mengetik url tanpa /?m=1, maka yang akan muncul tetap tampilan seperti biasa (versi web).

Nah, supaya Anda atau orang lain bisa langsung melihat tampilan mobile ketika mengetik url standar blog Anda di handphone, caranya :

<script type='text/javascript'>(function(a,b){if(/android|avantgo|blackberry|blazer|compal|elaine|fennec|hiptop|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile|o2|opera m(ob|in)i|palm( os)?|p(ixi|re)\/|plucker|pocket|psp|smartphone|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce; (iemobile|ppc)|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))window.location=b})(navigator.userAgent||navigator.vendor||window.opera,'http://blogAnda.com/?m=1');</script>


* Ganti tulisan berwarna merah ( blogAnda.com ) dengan url blog Anda

Copy kode diatas dan paste sebelum kode </head> pada edit html blogspot, save!  

Selesai deh, selamat mencoba...^_^

Other products :

Share this product :

+ comment(s) + 13 comment(s)

2 Sep 2014 06.57.00

Salam kenal admin, baru pertama datang ke blog ini, ternyata banyak juga ilmu yang bermanfaat dan bisa di praktekkan, khusus artikel di atas, langsung di praktekkan

11 Nov 2014 07.49.00

salam kenal gan,, hmm baru ketemu ne cara yang seperti ini,, langsung dipraktekan

3 Des 2014 13.31.00

mantab gan langsung di pake sama saya sukses selalu

1 Mar 2015 12.56.00

Terimakasih mas, ini yang saya cari cari akhirnya ketemu disini :D (y)

1 Mar 2015 12.59.00

Mas kalo yang sebaliknya gimana? Misal mau buka blog pake hp tapi otomatis redirect ke versi web?

15 Apr 2016 17.00.00

Makasih admin ilmu nya.... :)

3 Agt 2016 19.37.00

@lukis dinding Lam kenal juga gan, terima kasih sudah berkunjung, semoga artikel di blog ini bermanfaat ^_^

3 Agt 2016 19.37.00

@Abdul Kholis Lam kenal juga gan, terima kasih sudah berkunjung, semoga artikel di blog ini bermanfaat ^_^

3 Agt 2016 19.38.00

@Rudi Sukses juga buat agan, thanks for visiting :)

3 Agt 2016 19.38.00

@Divka Antik sama² gan :)

3 Agt 2016 19.40.00

@Taufan Fatahillah biasanya di hp itu ada menu "Show Desktop Version" atau sejenisnya. CMIIW

3 Agt 2016 19.41.00

@Antonius Hartanto Sama" gan, terima kasih juga atas kunjungannya ^^

Posting Komentar

Terima kasih telah membaca artikel ini.
Saran, kritik dan testimoni Anda akan sangat berarti bagi blog kami..

Regards,
admin

 
ionlinerz corp © 2010-2017 | All Rights Reserved