Blogger Mobilde Gadget Gizleme Yolları!
Web sitenizin masaüstü sürümünde görünmesini ama Blogger mobilde görünmesini istemediğiniz gadget nasıl gizlenir olduğunu muhtemelen çoğu Blogger merak ediyordur. Bu konuya nereden varıyoruz diyecek olursanız, Google’ın yaptığı en son açıklamada artık sitelerin dizindeki yerini mobil hızında etkileyecek olması diyebiliriz. Mobil hızınızı test ettiniz ve düşük çıkması üzerine bazı gadgetların mobilde görünmesini istemediğiniz kararına vardınız. Fakat bir türlü nasıl yapacağınızı bilmiyorsunuz. O zaman gelin hep birlikte Blogger mobilde gadget gizleme kodu hakkında detayları inceleyelim.
Blogger Mobilde Gadget Gizleme
Blogger mobilde görünmesini istemediğiniz gadget gizleme konusu aslında bir kaç kodu şablonunuzda olması gereken yere eklemeniz ile çok basit bir şekilde yapabilirsiniz. Bunları sizlere adım adım anlatalım ve artık mobilde gereksiz olan şeylerin görünmesine izin vermemiş olun.
- İlk olarak Blogger blog panelinize girin ve değişiklik yapacağınız blogunuzu seçin.
- Sol menüde yer alan ‘Tema‘ seçeneğine tıklayın.
- Açılan sayfada ‘Html’yi Düzenle‘ seçeneğine tıklayın.
- Oradan ‘Widget’a atla‘ seçeneğinden hangi gadgetın mobilde görünmesini istemiyorsanız o widget’ı 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 != ""'><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çerisinde yer alan
<b:includable id='main'>
kodunun hemen altına aşağıdaki kodları yazın.
<b:if cond='data:blog.isMobileRequest == "false"'>İş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>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 != ""'><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.
İLGİLİ İÇERİKLER
