Cara Mengalihkan URL Blog Ke Versi Mobile/Seluler

Cara Pemasangan :

• Login ke  blog sobat...


• Klik "Design" kemudian klik "Edit HTML" setelah itu klik centang pada "Expand WidgetTemplates", seperti gambar dibawah ini.
  
  
  


• Cari kode </Head> pada template blog (tekan tombol keyboard CTRL+F untuk menampilkan kotak pencarian di browser dan mempercepat pencarian) kemudian copy kode di bawah ini dan paste di atas kode </Head> tersebut.


• Script Pengalihan Berdasarkan Ukuran Layar.
  
  
  <script type="text/javascript">
  <!--
  if (screen.width &lt;= 600) {
  document.location = document.location.href+"?m=1";
  }
  //-->
  </script>


• Script Pengalihan untuk iPhone / iPods / iPads.
  
  
  <script language=javascript>
  <!--
  if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) {
     location.replace(document.location.href+"?m=1");
  }
  -->
  </script>


• Script Pengalihan untuk Beberapa Tipe 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 = document.location.href+"?m=1"; 
  } 
  // ]]>
  </script>
  
  - Keterangan :
  • Kode yang berwarna biru merupakan URL Link Pengalihan. Pada settingan script diatas URL pengalihan sudah di set agar link secara otomatis akan mengalihkan halaman blog ke versi mobile apabila pengunjung membuka blog menggunakan browser mobile.
  • Gunakan browser Internet Explorer untuk mengecek pengalihan URL Blog dengan mengcopy-paste script di bawah ini dan taruh di atas </Head>. Jika sudah selesai silakan di hapus script pengecekan ini. Guna pengecekan adalah untuk mengetahui apakah url link pengalihan sudah sesuai dengan tujuan URL yang diinginkan. Kode script "document.location.href" adalah URL yang sedang ditampilkan di kotak alamat browser, sedangkan "?m=1" adalah alamat URL blogspot untuk versi mobile. Jika menginginkan URL tujuan yang lebih spesifik tinggal merubah [document.location = document.location.href+"?m=1";] menjadi [document.location = "http://url-tujuan.html";].
    
    
    <script language='JavaScript'>
    var browserName=navigator.appName;
    if (browserName==&quot;Microsoft Internet Explorer&quot;)
    {
    document.location = document.location.href+"?m=1";
    }
    </script> 
  
  
  • Preview untuk melihat hasil script pengalihan dengan simulator mobile online silakan kunjungi http://www.opera.com/developer/tools/mini/. Supaya bisa menggunakan simulator mobile online silakan download dan pasang dulu Java Platform kemudian restart firefox setelah itu tunggu bebearapa saat sampai simulator mobile online terlihat.
    
    
    
  
  
  • Preview langsung menggunakan gadget / smartphone dengan cara mengunjungi blog melalui browser gadget / smartphone.


• Klik "Save" dan lihat hasilnya...