Pasang Tautan Tombol Lihat Versi Mobile / Desktop di Blog

Tombol yang satu ini sangat sering kita jumpai pada blog yang mengaktifkan tampilan versi mobilenya. Biasanya tombol tersebut terdapat di bagian bawah artikel / di sekitar area footer. Masih bingung? Coba lihat bagian bawah blog ini cari tulisan "versi mobile" atau "versi desktop". Nah, tombol itulah yang saya maksud. Untuk beberapa blog yang telah mendesain tampilan blognya pada versi mobile. Nampaknya, tutorial yang satu ini bisa kamu pakai.

Sebelum membahas inti dari artikel ini. Saya akan menjelaskan dahulu, apa manfaat tombol Lihat Versi Mobile / Desktop dengan menggunakan script yang akan saya bagikan. Manfaatnya adalah jika pengunjung blog kamu mengklik tombol lihat versi mobile / desktop itu. Maka pengunjung kamu akan tetap berada pada halaman tersebut namun dengan versi yang berbeda, yakni ?m=1 (untuk versi mobile) atau ?m=0 (untuk versi desktop).

Baca artikel sebelumnya :

• Optimalkan Blog Yang Anda Kelola dengan Fitur Mobile!
• Mengatur Tampilan Mobile Dengan CSS

Biar lebih gampang lagi memahaminya, akan saya berikan sebuah contoh perbedaan nyata antara yang menggunakan sama yang tidak menggunakan script. Jika kamu membuka blog ini pada tampilan versi desktop. Coba kamu klik tulisan di bagian bawah blog ini, yaitu "Versi Mobile". Kemudian, kamu akan diarahkan ke homepage blog ini pada tambilan versi mobile. Namun, jika kamu sedang membuka blog ini pada tampilan blog versi mobile, coba kamu klik tulisan di bagian bawah blog ini yaitu "Versi Desktop". Maka yang terjadi adalah kamu tetap berada pada artikel ini, namun dengan versi yang berbeda. Nah yang tetap itulah yang menggunakan script, sedangkan yang satunya lagi tanpa menggunakan script.

<b:if cond='data:blog.isMobile'>
<script>
//<![CDATA[
function mlnk(durl)
{
var durl='?m=0';
murllnk='<a rel="alternate" href="'+durl.replace('?m=1','+durl+')+'">Versi Desktop</a>';
if(durl!="") return murllnk; else return "";
}
//]]>
</script>
<script type='text/javascript'>
document.write(mlnk(&quot;http://alamatblogkamu.blogspot.com/?m=1&quot;));
</script>
<b:else/>
<script>
//<![CDATA[
function dlnk(murl)
{
var murl='?m=1';
durllnk='<a rel="alternate" href="'+murl.replace('?m=0','+murl+')+'">Versi Mobile</a>';
if(murl!="") return durllnk; else return "";
}
//]]>
</script>
<script type='text/javascript'>
document.write(dlnk(&quot;http://alamatblogkamu.blogspot.com/?m=0&quot;));
</script>
</b:if>

Untuk pemasangan script diatas, harus di dalam daerah body template (antara tag pembuka dan penutup body nya). Kemudian sesuiakan dengan lokasi yang di inginkan.

Hampir lupa ni, ganti url diatas dengan alamat blog kamu. Jika semua sudah diatur sedemikian rupa. Kemudian Save Template blog kamu.

Sumber : http://eltelu.blogspot.com/2013/07/inilah-kode-script-yang-dipakai-untuk.html