Blogspot “devamını oku” Bağlantısı

Blogger içinde devamını oku bağlantısı için kullanacağımız herhangi birşey olmadığını biliyoruz.  Blogger için devamını oku bağlantısı oluşturma konusunda yapabileceğiniz şeyleri sırası ile anlatmaya çalışacağım. Yazının sonunda adım adım uyguladıklarınız neticesinde artık blogger da yazılarınızı devamını oku bağlantısına sahip olarak yazabileceksiniz.

1- Ön Hazırlık Aşaması

Öncelikle blogger kontrol paneline giriyorsunuz. Ardından “Yerleşim” ve ordan da “HTML Düzenle” bağlantısına tıklıyoruz. Blogun tema düzenleme sayfası açılıyor. “Widget Şablonlarını Genişlet” bağlantısına tıklıyoruz. Temamızı düzenleyeceğimiz yere ulaşmış oluyoruz.

2- Css Kodlarını Ekleme Aşaması

Açtığımız sayfada

<head>

kodunun altına şunu yapıştırıyoruz.






<!--
<b:if cond='data:blog.pageType == "item"'>
   span.fullpost {display:inline;}
<b:else />
   span.fullpost {display:none;}
</b:if>
-->

3- Devamını oku bağlantısını Ekleme Aşaması

Tema kodlarımızın içinde

<data:post.body/>

kodunu buluyoruz. Bu kodun altına da

   <a>Devamını Oku!</a>

kodunu yapıştırıyoruz. Böylelikle tema dosyamızda olan işlerimizi hallettik.

4- Yazı İçerisinde Kullanma Aşaması

Yazı içerisinde kullanmak için “html düzenle” modunda yazımızı yazacağız. Öncelikle devamını oku bağlantısının olacağı kısıma kadarki yazımızı normal olarak yazıyoruz. Bağlantının olacağı kısım için şu kodu yazıyoruz.

<span class="fullpost">
</span>

Ardından yazımızın devamı yazıyoruz. Ve yazının sonuna da şu kodu ekliyoruz.

Böylelikle işlemlerimizi bitirdik.

Yazımız şu şekilde olacak:




Devamını oku bağlantısı olan yere
kadar ki yazımız
<span class="fullpost">
Devamını oku bağlantısı sonrasındaki olan yazımız.
</span>

Kaynak


{ Benzer Yazılar }

  1. Açtığımız sayfada

    demişsin ama orda kod yokki neyin altına ne yapıştıralım :D

  2. Halil orda bi yanlışlık olmuş düzelttim şimdi. Teşekkür ederim uyarın için :)

Yorum Yap


Not - Bunları KullanabilirsinizHTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">