24 Agu 2013

Cara Membuat Template Blog Tampilan redirect Versi Mobile/Seluler

Ada beberapa template blogger yang tetap tidak berfungsi tampilan mobilenya meski sudah dipasang script sebelumnya. Sudah sekian lama saya ubek2 gimana cara yang lebih lengkap agar blog kita bisa tampil di berbaga macam merk mobile atau HP..
Diantara kalian ada yang masih belum paham apa itu redirect? Kalau ada yang masih belum paham apa itu redirect andyrra akan bahas disini, Redirect merupakan suatu metode yang dilakukan oleh author atau pengelola blog/website dengan membuat suatu halaman tertentu pada blog tersebut jika dikunjungi pengunjung maka akan tertuju atau dialihkan ke halaman yang berbeda,
ini sebagai contoh saja misalnya anda mengunjungi situs facebook tetapi justru halaman yang terbuka adalah situs twitter, berarti situs facebook telah melakukan redirect ke halaman situs twitter.
Semakin tingginya pemakaian mobile gadget di Indonesia, tentu saja juga semakin memperbanyak akses internet secara mobile. Perlahan-lahan pergeseran akses internet secara mobile ini jika tidak segera diikuti oleh pelaku bisnis (khususnya toko online), akan membuat tertinggal.
dengan demikian dalam dunia bloger penting sekali blog kita agar bisa diakses mobile atau Hp.
Blogger seluler,blog seluler,blogspot seluler,blogger mobile,blog mobile,blogspot mobile,mobile version,versi seluler,blog hp,blogger hp,blogspot hp,membuat blog versi seluler

 langsung aja ini tutorialnya :
1. Login ke akun blogger Anda, masuk ke dashboard
2. Pilih Template >> edit html >> centang expand widget template (jangan lupa untuk selalubackup template anda lebih dulu).
3. Cari kode  </head> (gunakan Ctrl+F untuk mempermudah pencarian), kemudian Copy dan paste kode dibawah ini tepat di atas kode : </head>


<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://yourblogspot.com/?m=1');</script>
Pada script, ganti http://yourblogspot.com/?m=1 dengan alamat URL blog anda sehingga alamatnya menjadi : http://alamatbloganda.blogspot.com/?m=1.
Preview dulu untuk melihat ada kesalahan apakah tidak, kalau sudah oke, simpan template.
Selanjutnya anda coba cek tampilan blog anda melalui Smartphone anda. 
Selamat mencoba dan semoga berhasil

Tidak ada komentar:

Posting Komentar