Mart 12, 2013

Blogger'a Renkli Widget Yapma Özelliği

Blogger'a Renkli Widget Yapma Özelliği 

Merhaba, bugün sizlere Blogger'ın klasik widget'lerin nasıl renk değiştirdiğinden bahsedeceğim. Klasik blogger temalarında ve bazı blog temalarında widgetlerin renkleri şeffaf veya o temaya özgü koyu renkte olmakta yani tam anlamıyla istediğimiz gibi olamayabiliyor. 

Paylaşacağım bu kod ile istediğiniz tüm widgetlerin renklerini ve tasarımlarını hoşunuza gidecek bir biçimde değiştireceksiniz. 


Bu eklenti ile; Widgetlerin renklerini, arka planlarını rahatlıkça değiştirebilir zevkinize göre dizayn edebilirsiniz. Şimdi kodun uygulanışına geçelim.



  • Kumanda Paneli
  • Şablon
  • HTML'yi Düzenle
  • Widget'i Genişlet yolunu takip edin ve aşağıdaki kodu şablonda arama yapın


]]></b:skin>
Yukarıda bulduğunuz kodun hemen üzerine aşağıdaki kodu yapıştırın.


#Label1 h2

color:#FF0000; border-bottom:0px solid #22FF00; background: #000000;
}
Şablonuzu kaydedebilirsiniz.

Kodda değişiklik yapacağınız bölüm ise şunlar:


  • color:#FF0000 Widget başlığının rengi 
  • background: #000000 Widget arka plan rengi
  • #Label1 yazan kısım ise bloğunuzda bulunan ve tasarımını değiştirmek istediğiniz widgetlerin isimleri ile değiştiriniz. Birden fazla tasarımı kullanmak isterseniz kodun kopyalayıp alt alta farklı isimlerle yazarak kullanabilirsiniz. 
İşlemimiz bitmiştir. Sormak istediğiniz bir şey olursa "YORUM" bölümünden iletebilirsiniz. Şimdilik bu kadar, herkese kolay gelsin. İyi bloglamalar. 

6 yorum :

blogger varsayılan şablonlarının gadget başlıklarının arkafon (background) rengini nasıl değiştirebiliriz yada bu gadget başlıklarının arkasına resim koyabilirmiyiz
teşekkürler
@yosun

@Yosun, mesela bu konuda paylaşmış olduğum kodu düzenleyerek de yapabilirsin. background: #000000; yerine background-img kodunu yazarsan arka plan olarak gadgetlerin tasarımını değiştirebilirsin.

Teşekkürler faydalı bir yazı olmuş (:

paylaşım icin tskr güzelmiş

bende yapmak istiyorum ancak olmadı, Label1 yerine widgetteki neyi yazıcaz? Başlık yazısı mı? adı mı?

@Gökhan Demir, Label1 widgetin adı. Mesela seni takip etmeleri için Followers1 adlı widget var. label1 yerine followes1 yazarsan arka planını değiştirebilirsin. Sizin başlıktan kastınız nedir ?

Widget'e senin verdiğin başlığı yazmıyorsun.

Yorum Gönder



Bloglama Zamanı'nda yayınlanacak yeni yazılar e-mail adresinize gelsin.


Google Arkadaşım Ol
Bloglama Zamanı
Bloglama Zamanı

Google+ paylaşımlarımı takip etmek için çevrelerinize ekleyin.