Alternatif Blogger Yazı Başlıkları Kodları

                                     Blogger blogunuzda paylaşmış olduğunuz yazılarınızın konu başlıklarını farklı şekilde değiştirmek ve daha görsel bir görüntüye sahip olmak için hazırlanmış olan bu kodlar sayesinde işiniz kolaylaşacakdır.Bu kodlar başka bir siteden alıntı olarak bende sitemde paylaşmak istedim.
Herkesin kullanmış olduğu kendi blogger teması vardır,ve bu temalara göre ayarlanmış html kodları mevcuttur.Her şablondada paylaşım yapamak için yazılan yazıların başlıkları farklı şekildedir;mesela benmı kendi kullandığım şablonda yazı başlıkları siyahdı ama html kodlarını şablon kodları içine eklediğimden şimdiki görümü aldı.
Sizde bu kodlardan yararlanmak için aşağıda verecek olacağım 3 farklı başlıkdan birini sitenize ekleyebilirsiniz.
Aşağıdaki kodları blogger bloğunuza eklemek için önce bloggere sitenize giriş yapın,
Daha sonra Kumanda Paneli>Şablonlar>Html Düzenle kısmına tıklayın Ctrl+F kısa yol yardımıyla  aşağıdaki kodu aradın

 bu kodun hemen üstüne aşağıda seçtiğiniz kodu ekleyin.

Yazı Başlığı  1

.post-title  { 
font-size: 24px; 
padding: 5px; 
color: #fff; 
text-shadow: 1px 1px 1px #333; 
background: #E3BC50; 
border-left: 20px solid #B9942D; 
-webkit-border-radius: 6px; 
-moz-border-radius: 6px; 
border-radius: 6px; 
-webkit-box-shadow: 1px 1px 2px #333; 
-moz-box-shadow: 1px 1px 2px #333; 
box-shadow: 1px 1px 2px #333; 
margin: 10px 0; 
text-transform: capitalize; 
width: 94%; 
line-height: 1; 
}

Yazı Başlığı 2

.post-title  { 
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0PDhijn29-aQlzeUAIAc_dgdO8Zb1Vq4H5uG3YRObYsQNp0_bKQLBXUcIR2AiTzMv-mrMvizTiZx-fr5m4gvWOLgtVPznK-7T8GoQCrhgK1MTakT9XBAwfgt-sFYr9GOjXFYcbd-lOMo/s1600/h3.png") no-repeat 4px center transparent; 
font-size: 20px; 
font-family: Oswald; 
font-weight:normal; 
padding: 3px 10px 3px 80px; 
color: #0274be; 
border: 3px solid #5bb5f0; 
text-shadow: 0 1px 0 #CCC; 
-moz-border-radius: 60px; 
-webkit-border-radius: 60px; 
border-radius: 60px; 
-moz-box-shadow: 0 1px 3px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset; 
-webkit-box-shadow: 0 1px 3px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset; 
box-shadow: 0 1px 3px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset; 
margin: 15px 3px; 
text-transform: uppercase; 
line-height: 1.3; 
}

Yazı Başlığı 3

.post-title  { 
font-size:24px; text-shadow: 0 -1px #00468C, 
1px 0 #00468C, 
0 1px #00468C, 
-1px 0 #00468C; color:#ff0000;font-family:verdana; 
}

Yazı Başlığı 4

.post-title  { 
font-size:26px; 
  line-height:1.2em 
  margin:0 0 10px 0; 
text-shadow: 0.02em 0.02em 0.17em #4f5458; 
margin-bottom:8px; 
color:#000; 
}

Yukardaki tüm kodlar içerisinde renk ve yazı boyutlarını değiştirerek kendi istediğiniz stile çevirebilirsiniz..
Kolay gelsin.
Hayırlı Bloglamalar:)