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 != ""'><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.
