Blogger Responsive Tema'da Mobil Görünümü Özelleştirme

UYARI! BU MAKALE GEÇERLİLİĞİNİ YİTİRMİŞTİR

 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 aşağıda gösterdiğim üzere üç işlevi var.

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.