Thursday, 9 August 2012

Redirect URL Ke Versi Mobile (Khusus Pengguna Mobile)

Standard
Udah lama saya gak buat artikel lagi tentang MyBB dan akhirnya saya sekarang memposting tentang cara mengalihkan Situs ke versi mobile.

1.Pertama buka :
ACP > Theme&Template > Template > Template yg dipakai > Ungrouped Template > Header Include

2.Setelah Selesai dibuka silahkan Taruh Code dibawah disembarang tempat,DIMANA SAJA ANDA MENARUH TIDAK AKAN BERPENGARUH DALAM FUNGSINYA.
  
Script pengalihan untuk pengguna ipad/iphone/ipod

<script language=javascript>
<!--
if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) {
  location.replace("http://www.namadomain.com/archive/index.php");
}
-->
</script>

CATATAN : Yang Berwarna Biru Harap Diganti Dengan Domain kamu masing-masing.


Script pengalihan untuk pengguna mobile


<script type='text/javascript'>
// <![CDATA[
var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));
if (mobile) {
document.location = "http://www.namadomain.com/archive/index.php";
}
// ]]>
</script>

CATATAN : Yang Berwarna Biru Harap Diganti Dengan Domain kamu masing-masing.


Script pengalihan berdasarkan resolusi

<script type="text/javascript">
<!--
if (screen.width &lt;= 600) {
document.location = "http://www.namadomain.com/archive/index.php";
}
//-->
</script>
CATATAN : Yang Berwarna Biru Diganti Dengan Domain Kamu masing-masing dan yang berwarna merah adalah ukuran minimal resolusi untuk mengakses sebuah situs agar tidak terdirect ke situs mobile.

Catatan:
  • pengalihan ini hanya utk pengguna mobile, jika mengaksesnya menggunakan kompie tetep yg muncul adalah tampilan default.
  • jika pengalihan gagal misal, hanya muncul layar putih saja ada kemungkinan hpnya tidak support java script.
  • karena cara ini menggunakan javascript,saya sarankan backup dulu templatenya kalau2 ada yg conflict.

Sumber : http://komunitas.mybbindonesia.com/thread-1838.html

1 comment: