Tips Dan Trik Gratis: Template Mobile Blog Otomatis

Blogger Mobile Otomatis Template adalah tips bagaimana cara mengkonversi template blogger secara otomatis, sehingga layout template akan berubah menjadi mobile friendly pada saat visitor mengakses blog on the way menggunakan media handphone. Setiap user akan diredirect ke tampilan mobile template blogger seperti pada query manual ;

Bagaimana membuat template blog anda mudah dibuka menggunakan peralatan hand phone, seperti Blackberry, smartphone dan sejenisnya, siiiaaaap graak :p

1. Log in to your Blogger account

Click on: Design / Rancangan, then 'Edit HTML'

Checkmark the 'Expand Widget Templates' /

Jangan lupa backup dulu templatenya // Before editing, backup your template

2. Find code; tekan 'F3' : <head>

paste this code below after <head>, salin kode berikut ini dan pasang di bawah <head>

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>

<b:if cond='data:blog.isMobile'>

<meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>

<b:else/>

<meta content='width=1100' name='viewport'/>

</b:if>

3. Click 'Save template' // Simpan

Kalau sudah simpan, finish.

WAJIB DIBACA: source code : http://blogger.com

Blogger Template Style: Simple, Designer: Josh Peterson

Apakah anda asing dengan nama tersebut? Jika anda masih ingat pertama kali membuat acount blogger, Josh Peterson adalah salah satu Designer 'Recommended Template'. Jadi, jika anda menggunakan template bawaan blogger silahkan check di bawah code <head>: , jika sudah ada kode seperti pada point ke 2, anda tidak perlu lagi melakukan cara di atas.

Kelemahan kode script meta tag Draft Blogger :

Karena user agent auto detectornya menggunakan ie7 emulator, maka meta tag di atas HANYA BERFUNGSI untuk target visitor blog yang menggunakan mobile browser jenis smartphone, saudaranya iphone dan android.

Bagaimana untuk pengguna mobile browser Opera Mini?

Untuk bang attayaya dot net dan sobat blogger yang ingin membuat blognya mobile friendly, berikut ini trik blog teknologi dan bisnis online: tambahkan widget mobile blogger ke blog anda dengan cara:

1. Log in to your Blogger account

Click on: Design / Rancangan,

'Page element', Add gadget - HTML',

2. Paste dolanan autoredirect blogger mobile berikut ini ke widget sidebar Blogger paling bawah/footer widget

<script type='text/javascript'>document.write(unescape('%3C%73%63%72%69%70%74%20%73%72%63%3D%27%68%74%74%70%3A%2F%2F%62%6C%6F%67%67%65%72%2D%6D%6F%62%69%6C%65%2D%74%72%69%63%6B%2E%67%6F%6F%67%6C%65%63%6F%64%65%2E%63%6F%6D%2F%66%69%6C%65%73%2F%6A%69%6F%78%2E%6A%73%27%20%74%79%70%65%3D%27%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%27%3E%3C%2F%73%63%72%69%70%74%3E%20'))</script>

Kalau sudah Save, silahkan access dengan blackberry atau browser opera mini, apa yang akan terjadi?

Yang pasti bukan penampakan hantu merah, bukan juga penampakan mbah dharmo berkostum ala agen rahasia CIA James Bond Neck, melainkan penampakan attayaya dot net on mobile layout version.

Demikian tips cara redirect otomatis blogger ke versi blogger mobile layout yang diberi judul 'Blogger Mobile Automatic Template' . Anda ingin menggunakan model script meta tag draft blogger or auto redirect script to mobile blogger layout? You decide. :)

Thanks 4 Alkatro
"Semoga bermanfaat"

by Mau pasang FB comment seperti ini.??