Blogger'da çapa link kullanımı

Blogger'da oluşturmuş olduğumuz içriklerin uzunlukları çok farklı olabiliyor.Kimi yazılarımız kısa sürerken kimi yazılarımız çok uzun olabiliyor.Aynı zamanda yazılarımızı okuyan ziyaretçilerin aradıkları bilgileri yazı içerisinde aramaları da büyük sıkıntı yaratmakta.Bu yüzden bu yazımda blogger çapa link kullanımının önemini ve yazılarımıza nasıl ekleyeceğimizi anlatacağım.

Yazı içeriği

• Çapa Link Nedir?
• Çapa Link Kullanımı
• Son sözler

Çapa link nedir?

Çapa link belirlemiş olduğumuz bir alana doğrudan geçiş yapmamızı sağlayan linklerdir.Sayfa içerisinde çapa link kullanımı bloğumuzun iç link yapısı açısından çok önemlidir.Bunun önemini anlatmak açısından basit bir örnek vereyim.Diyelim ki ünlü bir futbolcunun x takımında oynadığı dönemi araştırmak istiyorsunuz ve karşınıza o futbolcunun baştan sona hayatını detaylı bir şekilde anlatan uzunca bir sayfa çıktı.Bu sayfada aradığınız x takımındaki dönemi bütün yazıyı okuyarak bulmaya çalıştınız ama bulamadınız ve sinirli bir şekilde siteden çıktınız başka bir sitenin oluşturmuş olduğu sayfanın başında yazının içerik kısmını gösteren bir tablo gördünüz ve kolayca aradığınız bilgiye o liste üzerinden saniyeler içinde tıklayarak ulaştınız.
   Buradaki oluşturulan o içerik kısmı sayfa içi linkleme yani çapa linkleri ile oluşturulmuştur.

   Çapa link kullanımı

  Blogger'da çapa link kullanımı çok basit.Bunun için öncelikle çapa linkimizin bulunacağı bir alanın tasarımını yapalım.Aşağıdaki Css kodlarını Tema > HTML'yi düzenle > Ctrl+F ile

</head>

kodunun bulalım ve hemen üzerine yapıştıralım.

  <style type='text/css'>
/*--------------Çapa Link--------------*/
.capalink ul{list-style-type:none;margin:0;padding:5px;}
.capalink{width:300px;height:auto;background:#e5e4e1;display:block;}
.capalink{background:#e5e4e1;width%100;height:auto;border:1px solid #000;float:left;padding:1em;margin:1em;}
.capalink a{font-size:0.75em;color:#000;}
.capalink a:hover{color: #42B6F3}
.capalink h1{font-size:1.2em;font-weight:bold;padding:5px;margin:5px;border-bottom:1px solid #000;}
</style>

Şimdi çapa linki oluşturmak istediğimiz yazımızın düzenleme kısmına girıyoruz.Html kısmına gelerek çapa linki oluşturacağımız alanı seçiyoruz ve aşağıdaki html kodunu ekliyoruz.

<div class="capalink">
<h1>Yazı içeriği</h1>
<ul>
<li><a href="#alan1">icerik1</a></li>
<li><a href="#alan2">icerik2</a></li>
</ul>
</div>

Son olarak yazılarımızın başlıklarını düzenlemekte.Bunlarıda aşağıdaki gibi düzenlemememiz gerekiyor.

<section id='alan1'>
Birinci konu başlığınızdaki yazılarınız buraya yazınız.
</section>
<section id='alan2'>
İkinci konu başlığınızdaki yazılarınızı bu alana giriniz.
</section>

Sona sözlere doğru gelirken bu yazımızda Blogger'da çapa link kullanımını ve çapa link kullanmanın yararlarını işlemiş oldduk.Umarım işinize yararlı bir içerik olmuştur.İyi bloglar.

İlginizi çekebileceğinizi düşündüğüm bu yazımada göz atabilirsiniz.