Web Günlüğü - Anasayfa
Web Günlüğü

blogger ipuçları, eklentileri ve temalarının yer aldığı web günlüğü




Sayfalar



bu bloğu izle

Olist Blogger Teması
canlı radyo dinle

Blogger Yazı Altında Google Plus Yazar Profil Bilgisini Gösterme

18 Aralık 2013 Çarşamba - #

Blogger'ın yeni fark ettiğim bir özelliği olan "Yazar Profilini Yayının Altında Göster" sayesinde Google+ (Plus)'ta yer alan profil bilgilerimizin bir kısmını yazı altlarında göstermeye yarıyor. Yazı altlarında Yazar Profili bileşeninde gözüken bilgiler: Google Plus'ta yer alan profil resmi, isim ve hakkında sayfasında Genel kutusunda yer alan Tanıtım bölümünü. Ayrıca ismimizin üzerine gelindiğinde Google Plus profil rozeti çıkıyor. Benim de kullanmaya başladığım özelliği yazı altlarında canlı olarak görebilirsiniz. Bu bileşen sayesinde artık blogger tabanlı bloglara sahip yazarlar manüel olarak html kodları vasıtası ile ekledikleri yazar hakkında gibi yazar bilgisi içeren bileşenleri kullanmaya gerek duymayacaklar.

Kullanışlı bir bileşen olan Yazar Profilinin eksi bir yönü ise çoklu yazar veya blog sahibini desteklememesi. Yani blogun sadece tek sahibinin bilgileri görüntüleniyor, eğer varsa diğer yazar veya sonradan eklenmiş blog sahiplerinin bilgileri maalesef gösterilemiyor.

Tabi bu özelliği kullanabilmek için bir Google Plus hesabınızın olması gerekiyor. Eğer hali hazırda bir Google Plus hesabınız varsa veya aktifse ve Google Plus profilinizde yer alan Hakkında » Genel - Tanıtım bölümüne hakkınızda kısa bir açıklama girdiyseniz bu özelliği Blogger » Kumanda Panelinden kolay bir şekilde aktif edip yazı altlarında yazar bilgilerinizi gösterebilirsiniz.

Yazar hakkında bilginin gireleceği Google Plus alanı :


Yazar Profilini Yayının Altında Göster özelliği nasıl aktif edilir ?
Bileşeni aktif etmek için yapmanız gereken işlem Blogger » Kumanda Paneli » Yerleşim sayfasına giderek Blog Kayıtları() bileşeni sağ alt köşesinde yer alan Düzenle bağlantısına tıklamak. Daha sonra Açılan Blog Kayıtlarını Yapılandır penceresinde alt kısımlarda bulunan Yazar Profilini Yayının Altında Göster özelliğini işaretleyip kaydetmek.



Not 1 : Yazar Profilini Yayının Altında Göster özelliği özelleştirilmiş, farklılaştırılmış şablonlarda(temalarda) çalışmayabilir bu yüzden alttaki kodları Blogger » Kumanda Paneli » Şablon sayfasından şablonunuza yer alan post-footer divini bulduğunuz yerin altına veya istediğiniz başka bir yere eklemeniz gerekiyor. Ayrıca post-footer divinin birden fazla olabileceğini unutmayın.
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<style>
.gpimg{padding:3px; border:1px solid #ddd; margin-right:10px !important}
.gprofil{background:#f9f9f9; font-size:13px !important; border:1px solid #f1f1f1; padding:5px; margin-top:10px; margin-bottom:10px}
</style>
<div class='gprofil'>
<b:if cond='data:post.authorAboutMe'>
<div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<b:if cond='data:post.authorPhoto.url'>
<img class='gpimg' expr:src='data:post.authorPhoto.url' itemprop='image' style='height:50px !important; width:50px !important' width='50px'/>
</b:if>
<div>
<a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</div>
<span itemprop='description'><data:post.authorAboutMe/></span>
</div>
</b:if>
</div>
</b:if>
Not 2 :Üstte bulunana kodlar şu an benim blogumda bulunan halini yansıtıyor. Css kodlarını istediğiniz şekilde özelleştirebilirsiniz. Css kodlarının üstünde bulunan PageType (Sayfa Tipi) kodu ise bileşenin sadece yazı sayfalarında gösterilmesini sağlıyor.



Yorumlar

  1. çok teşekkür ederim 50 tane site gezdim ancak burada buldum aradığımı...

    YanıtlaSil
  2. bundan sonra devamlı takipçiniz olacağım

    YanıtlaSil
  3. merhaba
    verdiğiniz kodu
    div class='post-footer'
    div class='post-footer-line post-footer-line-1' arasına yapıstırdım. ancak makalelerin altında profilim görünmüyor. yanlıs yere mi yapıstırdım acaba?

    YanıtlaSil
    Yanıtlar
    1. Elif hanım yukarıdaki ayarı yaptıktan sonra kodları eklediğinizde görünmesi lazım birden fazla post-footer olabilir şablonunuzda , bazı post-footer kısımları mobil tema içindir siz kodları bulduğunuz diğer post-footer kodlarının altına ekleyerek deneme yapın eğer yine sonuç alamazsınız şablonunuzla alakalı sorun var demektir.

      Sil
  4. Yanıtlar
    1. Adımları tam olarak uygulayıp kodları da uygun yerlere eklediyseniz sorun çıkmaması gerekiyor.

      Sil