Blogger Mobilde Görünmesini İstemediğimiz Gadget Gizlemek - KURGU GÜCÜ | Bilginin İnternetteki Adresi

Son Konular

16 Aralık 2019 Pazartesi

Blogger Mobilde Görünmesini İstemediğimiz Gadget Gizlemek

Blogger Mobilde Görünmesini İstemediğimiz Gadget Gizlemek

Web sitenizin masaüstü sürümünde görünmesini ama blogger mobilde görünmesini istemediğiniz gadget gizlemek olayının nasıl 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ı ve mobil hızınızı test ettiniz hızın düşük çıkması üzerine bazı gadgetların mobilde görünmesini istemediğiniz kararına vardınız ama bir türlü nasıl yapacağınızı bilmiyorsunuz.



Merak etmeyin imdadınıza yetiştik.

Blogger mobilde görünmesini istemediğiniz gadget gizlemek nasıl yapılır 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.
  • Ardından blogunuzun şablonun olduğu sayfa açılacak. 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 != &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.

İlginizi Çekebilir = Blogger'da Yanlışlıkla Kalıcı Olarak Silinen Blogları Geri Nasıl Alırım

Hiç yorum yok:

Yorum Gönder

Bilgi Paylaştıkça Çoğalır. Sende Yorumunu Yap, Bilgini ve Fikrini Paylaş. Yapacağınız her yorumdan yorumu yapan kişinin sorumlu olduğunu bilerek yorum yapınız.

NOT: Yorumlarınız Onaydan Geçerek Yayınlanmaktadır!

Her gün Film incelemeleri, SEO ipuçları, Teknoloji ve bilim gibi daha birçok konuda bilgi sunduğumuz Kurgu Gücü sosyal medya hesaplarını takip ederek sitemiz üzerinde paylaşılan bütün bilgilerden daha hızlı haberdar olabilirsiniz. Sosyal medya adreslerimiz: Facebook, Twitter, Instagram, Linkedin, Pinterest..