"Blogger - Widget'i Cep telefonunuzda göstermek veya gizlemek"

Bir afiş hayal edin, çok büyüktü ve mobilde görülmesi imkansızdı ya da çok kötü görünüyor. ya da tam tersi, çok küçük, masaüstü bilgisayarın müdahale etmekten başka yapacağı bir şey yok. Ama onları kendimiz düzenleyebilir miyiz? Tabi   bu Css kodları ile yapılabilir. 

İlk   önce Blogger → Tema → html düzenle'ye giriyoruz. Burada CTRL + F tuşlarına basarak gizlemek  istediğimiz widget'ın adını   buluyoruz. 
sonra aşağıda gösterdiğim kodu yerleştiriyoruz. 

 

<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> //Gerekli olan kod
 <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> //Gerekli olan kod kapanış
</b:includable>
</b:widget>

Yukarıda gösterilen Gerekli olan kodu aynı gösterilen yere yapıştırın.

 

Aksini yapmak istiyorsak yani mobilde gösterip masaüstünde gizlemek istiyorsak koddaki false anahtar kelimesini true ile değiştiriyoruz.