Blogger - Widget mobildə göstərmək və ya gizləmək

6590
Kategoriya: blogger

Bir banner düşünün, çox böyükdü və mobildə görünməsi mümkünsüzdü və ya çox pis görünür. və ya əksini düşünün çox balacadı, masa üstü komputerdə maneçilikdən başqa bir işi yoxdur. Bəs bunları özümüz tənzimləyə bilirikmi? Təbiiki də Css kodları vasitəsilə bunu etmək mümkündür.

İlk olaraq Blogger → Tema → edit html daxil oluruq. Burdan gizləyəcəyimiz widgetin adını CTRL+F edərək axtarışla tapırıq.
sonra aşağıda göstərdiyim kodu yerləştiririk.

<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>

Yuxarıda göstərilən göy rəngli kodu

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

göstərilən qırmızı rəngli kodların ortasına yapışdırırıq.

Əgər əksini etmək istəsək, yəni mobildə göstərib masaüstündə gizlətmək istəsək onda kodda göstərilən "false" açar sözünü "true" ilə əvəz edirik.