http___qqbilisim.com_harici-css-dosyasi-kullanma__1.xml
1.1 1.2 2.1 3.1 4.1 5.1 6.1 7.1 8.1 9.1 10.1 11.1 12.1 13.1 14.1 15.1 17.1 18.1 19.1 21.1 22.1 23.1 24.1 25.1 26.1 28.1 29.1 30.1
Learn how to add avatar or profile picture of author in your blog . By adding image beside the title post it give professional look and also helps reader to know who published particular article . For example, your blog contains different authors readers of your blog will get confused who published article and by adding this simple trick you can add avatar beside post title . Tutorial : How To Add Avatar or Profile Photo Of Author Next To Blog Titles - Login To Blogger Dashboard . - Backup your blogger template ( Don't know how to backup : click here ) - Now click on Edit HTML . - Search for .post h3 or .post h2 - You will see the code like below . .post h3 { color: #7CA2C4; font-size: 20px; font-family: Arial, sans-serif;; font-weight: normal; margin: 0px; padding: 0px 10px 0 47px; - Now replace the entire code with the below code . .post h3 { background:url(IMAGE LINK OF YOUR PROFILE PIC) no-repeat top left; font-size: 20px; font-family: Arial, sans-serif;; font-weight: normal; height:45px; margin: 0px; padding: 0px 10px 0 47px; line-height:1.1em; Customization : Keep note always profile pic should be 40px by 40px . Replace the colored Image Link with your
1.1 2.1 3.1 4.1 5.1 7.1 8.1 9.1 10.1 11.1 12.1 13.1 14.1 15.1 16.1 17.1 18.1 20.1 21.1
Harici Css Dosyası Oluşturma ve Kullanma Oluşturacağımız stilleri sitemizdeki tüm sayfalarda kullanacaksak, bu stil şablonlarını uzantısı .css olan bir dosyada yazabiliriz. Bu stil dosyasını istediğimiz web sayfalarına bağlayarak o sayfalar için geçerli olmasını sağlayabiliriz. Bu sayede sitenin tasarımında bir değişiklik yapmak istediğimizde sadece bu dosyayı değiştirerek tüm sayfaların değişmesini sağlayabiliriz. Bir web sayfasına, stil dosyası uygulamak için o web sayfasının head kısmına şu kodu eklemeliyiz: Harici stil dosyası içerisinde, stillerimiz aşağıdaki gibi yazılabilir: body {font-family: Verdana, Geneva, sans-serif;font-size: 10pt;color: #000;}.onemli{font-weight: bold;color: #F00;text-decoration: underline;}#header {font-size: 48pt;font-weight: bold;background-color: #CFF;}…… Birden Fazla Stil Dosyası Kullanma Bir web sayfasına birden fazla stil dosyası da bağlanabilir. Farklı stil dosyalarında aynı etiketler veya seçiciler tanımlanmış ve aynı özellikler farklı şekillerde biçimlendirilmiş ise en son okunan stil sayfasındaki özellikler geçerli olacaktır. Bu durum aynı özelliğin hem harici stil dosyasında, hem de head kısmında biçimlendirilmesi durumunda da geçerlidir. Şöyle bir örnekle bunu açıklayalım. h1 etiketi için stil1.css dosyasında; h1 { color: blue; } stil2.css dosyasında ise; h1 { color: red; } yazılmış olsun. Belgenin head kısmı da şu şekilde olsun: h1 { color: green; } Bu durumda h1 etiketi mavi renk olacaktır. Çünkü en son okunan stil dosyası stil1.css’dir ve o dosyada h1 mavi yapılmıştır. Şunu da belirtmeden geçmeyelim: Yerel stil şablonları en yüksek önceliğe sahiptir. Etiket içerisinde belirtilen bir stil, head kısmında ya da harici stil dosyasındaki kuralların hepsini ezecektir.