Blogger’a Yazar Profil Kutusu Ekle (Özel Tema)

Blogger ’da özel tasarım şablon kullanan birçok temada “ Yazar Profilini Yayının Altında Göster ” blog kayıt seçeneği çalışmadığından, ...

...

Blogger’da özel tasarım şablon kullanan birçok temada “Yazar Profilini Yayının Altında Göster” blog kayıt seçeneği çalışmadığından, blogger şablonunuza kod ekleyerek yazar profil penceresini çalıştırabiliriz. Blogger’un kendine ait çok fazla seçeneği olmadığından dolayı blogger yazarları farklı özel tema tasarımı kullanarak alternatif şablon kullanmak zorunda kalıyor. Blogger’un gözardı edilen kodlar ile özelleştirilebilme özelliği kullanılmış olsa en basit blogger şablon ile harikalar yaratabilirsiniz. Sadece yapmak istediğinizi bir kağıda dökmeniz ve bu adımları takip ederek sonuca ulaşmanız mümkün. Blogger özel tasarım ile ilgili kısa bir süredir çalışmalar yapıyor, çalışmalarımı menü başlık çubuğu, Tema Tasarım etiketinde topluyorum.
Blogger için hazırlanmış özel tema tasarımlarını, blogger’un kendi şablonlarına uygulayarak blogger yönetim direksiyonuna hakim olmaya çalışırken bu çalışmaları da sizlere aktarıyorum. Bu çalışmalardan biri de “Yazar Profilini Yayının Altında Göster” penceresinin özel tasarım blogger şablonuna uygulanma işlemini kapsıyor.

Ayrıca ⇒ Blogger, özel Tema Tasarım konularını buradan inceleyebilirsiniz.

Yazar Profilini yayının altında nasıl göstereceğiz ?

NOT: Öncelikle Blogger temanızın yedeğini alın.

⇒ Blog'unuzun iki şekilde yedeklendiğini biliyor musunuz ?

1. Blogger kumanda paneline giriş yapın.

2. Yerleşim → Blog kayıtları → “Yazar Profilini Yayının Altında Göster,i” işaretleyin kaydedin.

3. Şablon → Html’yi göster ile şablon kodlarını açın ve Ctrl+F klavye kısayolu ile aşağıdaki kodu şablon kodlarınızda bulun. Bu kodun altının boş olduğunu göreceksiniz.

<div class='post-footer-line post-footer-line-3'/>

4. Yukarıda verilen kodun hemen altına aşağıdaki kodları ekleyin ve şablonu kaydedin.

<b:if cond='data:blog.pageType == "item"'>
<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 expr:src='data:post.authorPhoto.url' itemprop='image' 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>
</b:if>

Tüm işlemleri doğru olarak tamamladı iseniz yukarıda gördüğünüz ilk resimdeki gibi Yazar Profil penceresi yayınlarınızın altında çıkacaktır.