Menu

Blogger İçin En İyi Sayfa İçi Başlık Sitilleri 5 Adet

Blogger kod yapısı olarak düzenleme imkanı oldukça fazladır.Çok çeşitli blogger eklentileri ile blogger sitenize profesyonel bir site yapısı sağlayabilirsiniz.Blogger yazı başlığını düzenleme eklentileri her sitede ayrı ayrı tasarımlar ile sunulmaktadır.

Aşağıda sunduğum Blogger Sayfa İçi Başlık Kod Eklentilerinden sayfa tasarımınıza en uygun olanı sitenize ekleyerek sitenizi şenlendirebilirsiniz.Yayınladığım kodlarda istediğiniz değişiklikleri yapabilirsiniz.

Blogger İçin En İyi Sayfa İçi Başlık Sitilleri 5 Adet

Blogger İçin En İyi Sayfa İçi Başlık Sitilleri 5 Adet

Sitenize Blogger Başlık Sitillerini eklemek için aşağıdaki adımları izleyiniz

1.Adım

İlk önce Blogger.com giriş yapınız sonra Şablon/ HTML Düzenle adımlarını takip ediniz.

2.Adım
Yandaki ]]></b:skin> kodunu Ctrl+f tuşuna basarak aratıyoruz bulduğumuz bu kodun hemen üstüne aşağıda verdiğim kod sitillerinden birini ekleyiniz.

1.Sitil
Blogger İçin En İyi Sayfa İçi Başlık Sitilleri 5 Adet

.post h2
{
background: #000000;
font-size: 20px;
padding: 4px 10px;
color: #333;
text-shadow: 1px 1px 1px #AAA;
border-bottom: 4px solid #FF0000;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: 1px 1px 2px #AAA;
-moz-box-shadow: 1px 1px 2px #AAA;
box-shadow: 1px 1px 2px #AAA;
margin: 6px 3px;
text-transform: capitalize;
width: 95%;
line-height: 1;
}

2.Sitil

Blogger İçin En İyi Sayfa İçi Başlık Sitilleri 5 Adet

.post h2 {
 font-size: 24px;
 padding: 5px;
 color: #fff;
 text-shadow: 1px 1px 1px #333;
 background: #FF6600;
 border-left: 20px solid #000000;
 -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;
}

3.Sitil
Blogger İçin En İyi Sayfa İçi Başlık Sitilleri 5 Adet


.post h2 {
background: url("http://3.bp.blogspot.com/-gLnHp4LoL-Q/T-hYlORTm3I/AAAAAAAAA0s/IN1bvxW-hwg/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 #000000;
text-shadow: 0 1px 0 #000000;
-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;
}

4.Sitil
Blogger İçin En İyi Sayfa İçi Başlık Sitilleri 5 Adet

.post h2 {
color:#666;
border-left:10px solid #666;
border-right:10px solid #666;
padding:3px 5px 3px 20px;
border-radius:15px;
-moz-border-radius:15px;
box-shadow:0px 0px 13px #666;
-webkit-box-shadow:0px 0px 13px #666;
-moz-box-shadow:0px 0px 13px #666;
}
.post h2:hover {
color:#FF133F;
border-left:10px solid #FF133F;
border-right:10px solid #FF133F;
box-shadow:0px 0px 13px #6699FF;
-webkit-box-shadow:0px 0px 13px #6699FF;
-moz-box-shadow:0px 0px 13px #6699FF;
}

5.Sitil


Blogger İçin En İyi Sayfa İçi Başlık Sitilleri 5 Adet

.post h2
{
margin-top:10px;
max-width:840px;
padding:6px 2px;
color: #000000;
padding-left:10px;
margin-bottom:10px;
font-size:20px;
font-family:&#39;georgia&#39;;
background-color:#F8FAFD;
text-decoration:none;
border-left:10px solid #3873CC;
box-shadow:1px 1px 2px gainsboro;
transition: border-left .777s;
-webkit-transition: border-left .777s;
-moz-transition: border-left .777s;
-o-transition: border-left .777s;
-ms-transition: border-left .777s;
}
.post h2:hover {
border-left:10px solid#FF0000;
}

Blogger İçin En İyi Sayfa İçi Başlık Sitilleri 5 Adet Düzenleme:

Yayınladığımız bu eklentiler içinde ki renk kodları #XXXX şeklinde olan kodlardır bunları aşağıdaki SEO Mektebi renk kodları sayfasından istediğiniz renkleri seçerek ekleyebilirsiniz.

SEO Mektebi CSS Renk Kodlarına Buradan Ulaşabilirsiniz

Ayrıca eklentiler içindeki sayısal değerlerle oynayarak site tasarımına uygun olan ölçüleri sağlayabilirsiniz.


Sonraki Yazılar
« Prev Post
Önceki Yazılar
Next Post »

Henüz Yorum Yapılmamış " Blogger İçin En İyi Sayfa İçi Başlık Sitilleri 5 Adet "

Önerilen Yazı
×