Merhaba arkadaşlar bu yılın başında hatırlarsanız size buradaki yazımda responsive olmayan temalar için widgetların nasıl gizli veya görünür hale getirileceği hakkında sizlere bilgi vermiştim.

 Fakat kendim de dahil olmak üzere birçok blogger responsive tema kullandığı için bir arayış içine girdim ve sonunda responsive temalarda bir widget'ın veya herhangi bir kodun çalışmasının mobilde veya masaüstünde nasıl engelleneceğini buldum.

 Dilerseniz bu yöntem ile ilgili bilgi vermeye başlayalım.

Aşağıdaki kodları bir yere not edin;

<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
<!-- Sadece mobilde çalışmasını istediğin kod buraya -->
<b:else/>
<!-- Sadece masaüstünde çalışmasını istediğin kod buraya-->
</b:if>

 Bu kodun üç farklı işlevi var bunlar;

1.Bir widget'ı veya kodu sadece mobilde gösterme
 Aşağıdaki kodun <!-- Sadece mobilde çalışmasını istediğin kod buraya --> yazan 
kısmına widget veya kodları yerleştirin.

 <b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
<!-- Sadece mobilde çalışmasını istediğin kod buraya --></b:if>

Bu şekilde şekilde widget veya kod sadece mobilde çalışır, masaüstünde görüntülenmez.

2.Bir widget'ı veya kodu sadece masaüstünde gösterme
 Aşağıdaki kodun <!-- Sadece masaüstünde çalışmasını istediğin kod buraya--> yazan kısmına kodu ekleyin.

<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
<!-- Burası boş kalacak -->
<b:else/>
<!-- Sadece masaüstünde çalışmasını istediğin kod buraya-->
</b:if>

Bu şekilde ise kod veya widget sadece masaüstünde görünür, mobilde gözükmez.

 3.Belli bir bölgede masaüstünde farklı, mobilde farklı nesne gösterme
 Bu kısım, vermiş olduğum kodun en can alıcı noktası.
 Örneğin sitenizde bir reklam bölgesi oluşturdunuz ve burada mobilde farklı masaüstünde  farklı bir reklam boyutunun veya türünün çalışmasını istiyorsunuz. Bunun için şunu yapmanız gerekiyor;
 Mobilde göstermek istediğiniz reklamı aşağıdaki kodun <!-- Sadece mobilde çalışmasını istediğin kod buraya --> yazan kısmına yerleştirin. Böylece reklam sadece mobilde görüntülenir.
 Peki aynı bölgede masaüstünde ise başka bir reklam göstermek istiyorsunuz. Bunun için de şunu yapıyorsunuz;
Masaüstünde göstermek istediğiniz reklamı aşağıdaki kodun <!-- Sadece masaüstünde çalışmasını istediğin kod buraya--> yazan kısmına ekleyin. Bu reklam ise sadece masaüstünde görünür.

<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
<!-- Sadece mobilde çalışmasını istediğin kod buraya -->
<b:else/>
<!-- Sadece masaüstünde çalışmasını istediğin kod buraya-->
</b:if>

Sadece reklamlar değil birçok nesneyi masaüstünde veya mobilde gizlemek veya göstermek için bu kodu kullanabilirsiniz.
Bilgi almak istediğiniz veya takıldığınız bir yer olursa yorum bölümünden sormayı unutmayın.