Blogger Gadget Alanı Ekleme
2-) Bu iki ( <b:template-skin><![CDATA[…….]]></b:template-skin> ) etiket arasına Css kodunu yapıştıralım:
3-) Bu iki (<body expr:class='data:blog.pageType'>……...</body>) etiket arasına Html kodunu yapıştıralım:
Gadget alanı oluşturduktan sonra:
Blogger da kullandığımız şablon bazen bize tam istediğimiz şekilde bir değişiklik yapmamıza elverişli olmaya biliyor. Her seferinde bütün şablonda bir alanı arayıp bulmak yerine, Şablonun her hangi bir yerine kolaylıkla erişip değişiklik yapmak istediğimiz bir alana ihtiyaç duyarız. Blogger yerleşim sekmesinde Gadget bölümlerinde bu istediğimizi rahatlıkla yapabiliriz. Ama bazen burada istediğimiz gadget alanı maalesef olmuyor. Gadget alanı oluşturmak için stil kodu ekleyeceğiz ve istediğimiz alana gadgeti oluşturacak kodu yapıştıracağız. Şimdi şablonumuza ustara2 diye bir gadget alanı oluşturalım.
Sayfa Sonundaki Kod Resimlerini İnceleyerek Aşağıdaki Üç İşlemi Sırasıyla Yapın.
1-) Bu iki ( <b:skin><![CDATA[/…….]]></b:skin> ) etiket arasına Css kodunu yapıştıralım:
Uygulama Css Kodu
#YeniGadgetAlaı {float:left;width:100%;height:100%;background:transparent;}
Uygulama Css Kodu Örneği
<b:skin><![CDATA[/
#YeniGadgetAlaı {float:left;width:100%;height:100%;background:transparent;}
]></b:skin>
2-) Bu iki ( <b:template-skin><![CDATA[…….]]></b:template-skin> ) etiket arasına Css kodunu yapıştıralım:
Uygulama Css Kodu
body#layout #ustara2 {overflow:hidden}
Uygulama Css Kodu Örneği
<b:template-skin>
body#layout #ustara2 {overflow:hidden}
</b:template-skin >
3-) Bu iki (<body expr:class='data:blog.pageType'>……...</body>) etiket arasına Html kodunu yapıştıralım:
Uygulama Html Kodu
<b:section class='YeniGadgeAlanı' id='YeniGadgeAlanıt'></b:section>
Uygulama Html Kodu Örneği
<body>
<b:section class='ustara2' id='ustara2'></b:section>
</body>
Gadget alanı oluşturmadan önce:
Gadget alanı oluşturduktan sonra:
Uygulama Css Kodu Örneği
<b:template-skin>
body#layout #ustara2 {overflow:hidden}
</b:template-skin >
Uygulama Html Kodu Örneği
<body>
<b:section class='ustara2' id='ustara2'></b:section>
</body>
Yorum Gönder
Yazı Hakkındaki Düşünceleriniz...