-->

Thursday, August 16, 2018

Tag Kondisional Khusus untuk Memisahkan Tampilan Seluler & Desktop

Blog dengan platform Blogger menggunakan url berbeda untuk melayani pengguna seluler dan desktop. Hal ini memungkinkan bagi kita untuk membuat desain web yang berbeda untuk kedua kelompok pengguna.

Conditional tag spesial mobile web

Dengan menggunakan tag kondisional (tag bersyarat) isMobileRequest, Anda dapat menentukan bagian khusus yang hanya ditampilkan pada permintaan situs seluler (?m=1), ataupun sebaliknya.

Beberapa skenario penggunaan Conditional tag special mobile request (isMobileRequest) yang bisa Anda terapkan.

1. Nilai syarat permintaan seluler "true"
<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>

<!-- Semua bagian ini hanya akan di tampilkan pada pengguna seluler -->

</b:if>

2. Nilai syarat permintaan seluler "false"
<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>

<!-- Semua bagian ini tidak akan di proses atau di tampilkan pada permintaan situs seluler (mode seluler) melainkan hanya akan tampil pada situs desktop (mode desktop) -->

</b:if>

3. Nilai syarat permintaan seluler "true" berikut sebaliknya
<b:if cond='data:blog.isMobileRequest == &quot;True&quot;'>

<!-- Bagian ini hanya tampil pada mode seluler -->

<b:else/>

<!-- Bagian ini hanya tampil pada mode desktop -->

</b:if>


Contoh sederhana yang bisa Anda terapkan dengan menggunakan tag kondisional isMobileRequest

Memasang dua unit iklan berbeda di bawah postingan untuk pengguna seluler dan desktop

2 comments:

Ahmad Maryuki said...

tag condisional untuk single post tapi versi mobile gimana lur?

Ridwan said...

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.isMobileRequest == "true"'>
<!-- single post versi mobile -->

</b:if>
</b:if>