Blogger Mobilde Gadget Gizlemek (Gadget Mobilde Görünmesin) - E L M A

Blogger Mobilde Gadget Gizlemek (Gadget Mobilde Görünmesin)


Blog sayfanızın masaüstü versiyonunda görünüp, mobil versiyonunda görünmesini istemediğiniz gadget (uygulamalar) olabilir. Bunun çeşitli sebepleri olabilir. Örneğin; bloğunuzun teması mobil versiyona uygun olmayabilir veya ilgili uygulama mobil kullanıcılar için uygun şartları sağlamıyor olabilir. Bu yazımızda ilgili uygulamayı mobilde nasıl pasif (görünmez) duruma getiririz onu göstermeye çalışacağız.

* İlk olarak blogger panelinize girin ve değişiklik yapacağınız bloğu seçin.
* Sol menüde yer alan Tema seçeneğine tıklayın.
* Açılan sayfada Html'yi Düzenle seçeneğini tıklayın.
* Ardından bloğunuzun Html kodlarının yer aldığı şablon açılacak. Buradan ''Widget Atla'' seçeneğinden hangi gadget'ın mobilde görünmesini istemiyorsanız onu seçin.

Widget'ı seçtiniz ve karşınız aşağıdaki kodlara benzer bir kod yapısı çıkacak.

<b:widget id='LinkList1' locked='false' title='Araçlar' type='LinkList' version='1'>
<b:widget-settings>
....
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>

Bu kod yapısı içinde yer alan

<b:includable id='main'>

kodunun hemen altına aşağıdaki kodları yazın.

<b:if cond='data:blog.isMobileRequest == "false"'>

Yazdınız ve işlem neredeyse tamam. Son olarak şablonumuzun hata vermemesi için son bir kodumuzu daha ekleyip şablonu kaydedeceğiz.

</div>
</b:includable>

Bu iki kodun arasına da aşağıdaki kodu yazacağız.

</b:if>
Evet arkadaşlar artık şablonunuzu kaydedebilirsiniz. Blogger mobilde görünmesini istemediğiniz gadget gizlemek için yapmanız gerekenler bu kadar. Bunun gizlemek istediğiniz her widget için ayrı ayrı uygulamanız gerekmektedir.

Kodun son oluşan yapısı ise aşağıdaki gibi olacaktır.

<b:widget id='LinkList1' locked='false' title='Araçlar' type='LinkList' version='1'>
<b:widget-settings>
....
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:blog.isMobileRequest == "false"'>
<b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</div>
</b:if>
</b:includable>
</b:widget>

Son olarak da şunu ekleyelim; Eğer ki gadgetınızın sadece mobilde görünmesini istiyorsanız eklediğiniz kod içinde yazan '' false '' kısmını '' true '' yaparak sadece mobilde görünmesini sağlayabilirsiniz. Eğer ki ben hem mobilde hem de masaüstünde görünmesini istiyorum diyorsanız ya kodları hiç eklemeyeceksiniz ya da kodları oradan sileceksiniz.

Sonraki Gönderi Önceki Gönderi
Yorum Yok
Yorum Yap
comment url