Sidebar ile ilgili sorun yaşayabilirsiniz. Sorunun sebebin blogger sidebar'daki ilgili css class ve id'lerini otomatik olarak kendi sistemine göre uyarlamasıdır. Fakat sidebara herhangi bir widget ekledikten sonra aşağıdaki kodlara göre düzenleme yaparsanız sorun düzelecektir. Aşağıdaki kodlar örnek olarak gösterilmiştir. Blogunuza eklediğiniz widgetler'in kodları farklı olabilir. data:title sidebar widget başlığıdır, data:content sidebar widget içeriğidir. Aradaki cizgi class'ı da başlığın altında bulunan çizgi içindir.
Hocam bunu anlayamadım bu yüzden de ;
Arkadaşlar sitemde sidebardaki yazı boyutunu nasıl küçültebilirim ?
Belki işinize yarayabilir..
/* Sağ */
.sidebar {float: right; width: 318px; position: relative; right: 6px; top: -12px}
/* Başlık */
.sagBaslik.scizgi {border-top: 1px solid #e8e8e8}
.sagBaslik.scizgi h2 {padding: 20px}
.sagBaslik {background: url("https://lh4.googleusercontent.com/-9Sa27diaVaw/T2YPQYgAQdI/AAAAAAAAAYM/6asm9f9Ghuc/h120/sagBaslik.png") repeat-x!important; height: 56px}
.sagBaslik h2 {font: 18px Arial; color: #727272; padding: 23px 20px}
.cizgi {background: url("https://lh4.googleusercontent.com/-P2mB7pxlaoM/T2Y7pRSceEI/AAAAAAAAAag/Fy16ZfQGw00/h120/yatayCizgiBg.png") repeat-x!important; height: 2px}
.sagBlok {padding: 0 5px; background: url("https://lh6.googleusercontent.com/-B_MFmwpJVGc/T2YO7VOmcZI/AAAAAAAAAVE/Oa3AAJUe7nk/h120/bg.png")}
.sagBlok.son {border-bottom: 1px solid #e8e8e8}
.sagBlok ul {border-bottom:none; border-top:none}
.sagBlok ul li {font-size: 12px; line-height: 18px; color: #888; }
.sagBlok ul li a {font-size: 12px; line-height: 25px; color: #888; background:url(http://cdn4.iconfinder.com/data/icons/sanscons/black/16x16/arrow3_e.gif) 1px 0px no-repeat; padding-left:20px}
