 |
| Bloggerda Gadget- Widget Gizleme |
Blogger alt yapısını kullanan bir çok webmaster daha şık bir görünüm için çeşitli ayarlamalar yaparak blog görüntüsünü değiştirmek istiyor. İşte bu ayarlardan biri de masa üstü sürümünde görünmesini istediği fakat mobilde görünmesini istemediği gadgeti gizleme. Peki blogger mobilde gadget nasıl gizlenir ? Mobil Gadget Gizleme Kodunu öğrenmek için okumaya devam ediniz. >>>
Blogger mobilde gadget gizlemek oldukça basit. İşte adım adım Blogger Mobilde Gadget Gizlemek
1. Adım 1 : Öncelikle blog panelinize girerek sol menüden Tema başlığı altından sitenizin kodlarına ulaşın. Ardından çıkan ekrandan Html Düzenle seçeneğine tıklayın ve ctrl + f tuşuna basarak ilgili gadget kodlarınızı bulup kod satırınıza ulaşın.
2. Adım 2: Gizleyeceğiniz gadgetinizin kod panelinde nerde olduğunu bilmiyorsanız bunun için Blogger Panelinizden gadgete bir isim verin.
3. Adım 3: Örneğin gizlemek istediğiniz Gadgete 12345 adını verdiniz bu durumda 1.adımda bahsedilen ctrl + f tuşuna bastıktan sonra arama alanına 12345 yazarak entera basın, bu sizi mobilde saklamak istediğiniz ilgili gadget kod satırına götürecek. Aşağıdaki örnek görsellerden 1.Adım 2.Adım ve 3.Adımı görebilirsiniz.
4. Adım 4 : İlgili koda ulaştığınızda aşağıdaki örnek kod yapısı satırına benzer
ekran göreceksiniz,
<b:widget id='LinkList1'
locked='false' title='12345' 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 ekranda <b:includable id='main'> kodununun hemen altına <b:if
cond='data:blog.isMobileRequest == "false"'> bu kodu yapıştırın.
Ardından
kod yapısının hata vermemesi için aşağıdaki iki kod
arasına </b:if> kodunu yapıştırın
</div>
</b:includable>
Kod
satırımızın son çıktısı bu şekilde olacak kırmızı kodlu alanları yeni eklemiş olduk:
<b:widget id='LinkList1' locked='false' title='12345'
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>
 |
| Bloggerda Gadget- Widget Gizleme |
Ve işlem tamam bu kodlar sayesinde blogger mobilde gadgeti gizlemiş olduk. Eğer bloggerde gadgetinizin sadece
mobilde görünüp masa üstü formatında görünmesini istemiyorsanız kod yapısı
içinde yazan ‘false’ kodunu ‘true’ yaparak değiştirin. Son olarak gadgetinizin hem
mobilde hem de masa üstünde görünmesini istiyorsanız bu kodları hiç eklemeyeceksiniz.
0 Yorumlar