Bloglar için benzer yazılar bağlantısı LinkWithin

Blogunuzda ki yazılarınız artıkça bir birbiriyle ilgisi olan yazılarınızın sayısı da artacaktır. Blog yazılarınızın altına bu yazıyla ilgili olabilecek diğer yazılar şeklinde bir kutu ekleyerek başka yazılarınızın da daha çok okunmasını ve blog’unuzda geçirilen sürenin artmasını sağlayabilirsiniz işte LinkWithin bu işe yarıyor ve kendine has algoritması sayesinde yazılarınızı başlık içerik ,etiket,kategori gibi bilgileri temel alarak yazdığınız yazıyla ilgili görünen yazıları seçiyor.

linkwithin Görsellik açısından da dikkat çeken Linkwithin “ javascriple “ oluşturulan benzer yazılar bağlantısından farklı olarak, yazılarınızda kullandığınız resimlerimler den birini de  minyatürünü olarak gösteriyor. 

I. Adım 
Linkwithini kendi blogunuza da kullanmak için buradan ana sayfasına giriş yaptıktan sonra sağ tarafta bulunan forma istenilen bilgileri doldurun.

                Link_Within

Burada dikkat etmeniz gereken “Width:”yazan kısımda kaç adet bağlantı istediğiniz (Maximum 5 adet) eğer blog’unuzun teması koyu bir renkse “My blog has light text on a dark background” yazan yazının solunda bulunan kutucuğu işaretleyin.Bu yazıların renginin temanıza uygun olmasını sağlayacaktır.

II.Adım

”Get Widget!” yazan butona basarak açılan yardım sayfasında  “İnstal” yazan butona tıklayın, sizi karşılayan sayfada  “widget ekle”  butonuna tıklarsanız Linkwithin blog’unuzun  ana sayfasında bulunan yazılarınızın altına yerleşecektir. 

link-line_thumb[1] 

 

LinkWithini ana sayfa yerine sadece yazı sayfalarında göstermek


Yazılarınızı devamını oku şeklinde keserek farklı bir sayfada gösteriyorsanız Linkwithin’in oluşturduğu bağlantıları ana sayfanız yerine devamını oku şeklinde bağlantı verdiğiniz yazı sayfalarında görünmesini tercih edebilirsiniz.

I.Adım
Bunu yapmak için de Link Within den aldığınız Java Script kodunu aşağıda görünen kodların içine yerleştirmeniz gerekiyor.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!—...  Buraya sizin kodunuz gelecek ...-->
</b:if>

Bu kodlar’ın içerisine yerleştireceğiniz her hangi bir Kod blog’unuzun ana sayfasında görünmez sadece yazı sayfalarında görünecektir.

Bu şekilde görünecek:

link-within 

II.Adım
Link withinden aldığınız Javascript kodunu üstteki kodun içine yerleştirdikten sonra kopyalayıp şablonunuzun HTML’yi düzenle kısmına girerek aşağıdaki kodu bulun ve hemen üstüne gelecek şekilde yapıştırın.

<div class='post-footer'>

(Klavyedeki Ctrl +F tuşuna basarak açılan arama formunda aratıp daha hızlı şekilde bulabilirsiniz)

Bittiğinde bu şekilde görünmesi gerekiyor:

linkwithin-son-hali

Bu işlemler bittiğinde kaydetmeyi unutmayın.

0 yorum:

Copyright © 2011- PhtmlDrive
Tüm Hakları Saklıdır Kesinlikle İzinsiz Kopyalanamaz.. PHtmlDrive`da Yayınlanan Görseller ve Yazılar Kaynak Gösterilmeden Kullanılamaz... Tema Yapımı ©
PHtmlDrive