Daha önceden anlattığım iki tane derse buradan ulaşabilrsiniz.
Daha önceki anattığım konularda birçok konuya değinmiştim.Bugün ise blogger'da SEOya katkısı olacağını düşündüğüm ve bu arkadaşın isteği üzerine hazırladığım bir başlık düzenlemesini, ve yine bir istek üzerine sayfa numaralandırmayı , yazıları manuel olarak her okurun büyültüp küçültmesini anlatacağım.

Blogger Yazı İçinde H1 Ana Sayfada H2 Taglı Yazılar

Evet arkadaşlar ilk önce bu konuya açıklık getirelim.Bizim konu başlığımız "Bydvt ve r10.net birlikteliği" olsun.Siz ana sayfada sayfa kaynağına gelip konu başlığını aratınca şöyle birşeyle karşılıyorsunuz ;
<h2>Bydvt ve r10.net birlikteliği</h2>
yazı sayfalarındada durum aynı h2 tagı ile fakat biz yazı sayfalarında bu başlıkların h1 tagı içinde olmasını sağlayacağız.Böylece her bir yazı için başlığa h1 tagı uygulayarak arama motorlarına yağ çekecez Neyse bunu nasıl yaparız işte buna bakalım.

Sizin temanızda konu başlığı genelde şu şekildedir.

<b:if cond='data:post.title'>
      <h2>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if> 
      </h2>
    </b:if>
Burada sizinde gördüğününüz gibi h2 tagı kullanılmış.Şimdi biz bunu h1 yapmak için şöyle birşey yapacağız.Ve yazı sayfalarında h1 taglı başlıklar kullanacağız.Yukarıdaki kodu silin ve yerine şu kodu ekleyin.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
    <b:if cond='data:post.title'>
      <h2>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link' rel='bookmark'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url' rel='bookmark'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if></h2>
    </b:if>
     <b:else/>
    <b:if cond='data:post.title'>
      <h1>     <b:if cond='data:post.link'>
       <a expr:href='data:post.link' rel='bookmark'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url' rel='bookmark'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if></h1>
    </b:if>    </b:if>
Artık sizinde yazı başlıklarınız h1 tagı içerisinde olmuş oldu.Ve böylece alt sayfalara seo açısından iyi bir etki yapmış olduk.

Yazıları Manuel Olarak Büyültüp/Küçültmek

Bu eklenti çoğu haber sitesinde var.Gözü iyi görmeyen kullanıcılar için çok güzel bir uygulama.Bu eklentiyi kurarak yazılarınızı boyutuna göre büyültüp küçültebileceksiniz.Bunun için ilk önce ;

</head> kodundan önce şu kodları yapıştırın.
<script>
function go1(){
if (document.selecter2.select2.options[document.selecter2.select2.selectedIndex].value != "none") {
document.getElementById('main').style.fontSize=document.selecter2.select2.options[document.selecter2.select2.selectedIndex].value
}
}
function go2(){
if (document.selecter2.select3.options[document.selecter2.select3.selectedIndex].value != "none") {
document.getElementById('main').style.fontFamily=document.selecter2.select3.options[document.selecter2.select3.selectedIndex].value
}
}
</script>
ve daha sonra yazı başlıklarının altına yada istediğiniz bölüme şu kodları yapıştırın.Yazı başlıklarının altı için şu kodu <dataost.title/> bulun ve hemen altına ekleyin.

<form id="forma" name="selecter2" method="POST">
<select onchange="go2()" style="font-family:verdana;font-size:8pt" name="select3" size="1">
<option value="Times New Roman"/>Times New Roman
<option value="Arial"/>Arial
<option selected value="Book Antiqua"/>Book Antiqua
<option value="Bookman Old Style"/>Bookman Old Style
<option value="Century Gothic"/>Century Gothic
<option value="Comic Sans Ms"/>Comic Sans Ms
<option value="Tahoma"/>Tahoma
<option selected value="Trebuchet Ms"//>Trebuchet Ms
<option value="Verdana"/>Verdana
</select>
<select onchange="go1()" style="font-family:verdana;font-size:8pt" name="select2" size="1">
<option value="8px"/>8
<option value="9px"/>9
<option value="10px"/>10
<option value="11px"/>11
<option selected value="12px"/>12
<option value="14px"/>14
<option value="16px"/>16
<option value="18px"/>18
</select>
</form>
Ve sizinde eklentiniz sitenizde kurulmuş oldu.Şimdi sırada..

Şimdi Sırada Blogger Sayfa Numaralandırma

İnternette bir çok kaynak olmasına rağmen yapamayan arkadaşlar çıkmış.Bu normaldir.Bende kendi sitemde anlatıp kendi siteme uygulamıştım.Demo için tıklayınız.İşte sayfalandırma eklentisi.

İlk önce blogger a giriş yaptıktan sonra html düzenle kısmına geliyoruz.. ve bu kodu buluyoruz..

]]></b:skin> kodunu buluyoruz.

Arkadaşlar eğer blogger özel tema kullanmıyorsanız css bölümüne kullanıyorsanız bu koddan sonra şu kodu ekliyoruz..

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}
Daha sonra blog kayıtlarını altına yani bu kodu bulun

<b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Kayıtları' type='Blog'/> </b:section>
Ve son olarak şuradaki kodları bulduğunuz kodun hemen atına ekleyin.İşte kodlar.

Arkadaşlar bloggerda her yazı için yazı bilgileri eklemeyide anlatacaktım.Fakat yazının uzun olmasından dolayı eklemeyi iptal ettim.İnşallah başka zaman.

Not: Bu yazı sadece r10.net'de yayınlamıştır.Kaynak gösterilmesi zorunludur.
Not: Konu isteği,soru ve görüşleriniz için lütfen mesaj yazınız.