Çok yazarlı bloglar için yazar bilgi kutusu
Merhaba arkadaşlar, uzun süren çalışmalarımdan sonra sizler için çok yazarlı Yazar Bilgi Kutusu hazırladım. Blog Yazılarının Altına Yazar Bilgi Kutusu yazım tek yazarlı bloglar içindi. Ve çoklu yazarlar için uygun bir eklenti değildi. Bu konuda çok sorulan "Bu eklentiyi çoklu yazarlar için nasıl kullanabiliriz" sorusuna bu eklenti çözüm olacak. Bu eklenti hem tek, hemde çoklu yazarların kullanabileceği şekilde tasarlanmıştır. Blogger için olan bu eklenti, birçok blog yazarı adminlerin hoşuna gidecek bir yazar biyografi kutusu. Eklentide yazarların kısa biyografisi, sosyal medya takip butonları ve yazarların son yazdığı konularıda gösteriliyor. Orjinalini Wordpress eklentisinden örnek alarak hazırladığım bu eklenti, çoklu sekme (multi tab) özelllikli. Umarım hoşunuza gider.

Özellikleri

● Çoklu sekme (Multi Tab) özellikli
● Yazar biyografisi
● Facebook begen takip butonu
● Twitter takip butonu
● Google+ takip butonu
● Yazarın son konuları
● Özelleştirilebilir
● Uygulaması kolay
● Şık tasarım

1. Adım: Script kodlarını ekleme

1. Blogger kontrol panelinize giriş yapın > Şablon sekmesine tıklayın.
2. Şablonunuzu yedeklemeyi unutmayın.
3. HTML'yi Düzenle'ye basın.
4. Düzenleme ekranındayken CTRL+F tuş kombinasyonuyla </head> kodunu aratıp bulun ve hemen üzerine aşağıdaki kodları kopyalayıp yapıştırın:
<script src='https://meftunmede.github.io/javascripts/YazarKutusu_SonYazilar_ve_Tab_Mod_Ver-1.js' type='text/javascript'></script>
<script async='defer' src='https://apis.google.com/js/platform.js'></script>

2. Adım: CSS style kodlarını ekleme

1. Yine blogger şablon Düzenleme ekranındayken CTRL+F tuş kombinasyonuyla ]]></b:skin> kodunu aratıp bulun ve hemen üzerine aşağıdaki kodları kopyalayıp yapıştırın.
/*****Yazar Kutusu CSS - www.meftunmede.com*****/
.meftunmede-yk-wrapper{clear:both;margin:0 0 2em;}
.meftunmede-yk-wrapper a{text-decoration:none!important;}
.meftunmede-yk-wrapper img{border:none!important;}
.meftunmede-yk-list{overflow:hidden;margin:0!important;padding:0 0 0px 5px !important;}
.meftunmede-yk-list li{display:block;float:left;list-style:none;margin:0 5px 0 0 !important;}
.meftunmede-yk-list li a{display:block;line-height:16px;height:16px;background-color:#e9e9e9;border:1px solid #e9e9e9;border-bottom:none!important;text-decoration:none;font-size:13px;color:#333;font-weight:700;outline:0;text-shadow:none!important;border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu8RMUV-whDq9sFQDtPeF-WqcFd1Y-9sbDazQcPHYwVujbJI6U9Y4dKxv61dMxcblUxpf5SK2tK8p3MiC_2cY2bm4x0ZxJszzUiwY5vlwvoYWffxky241dy2RgU79ogRpuGigLw6ewEvw/s1600/MeftunMEDE_sosyal_icon_sprite.png');padding:8px 12px;}
.meftunmede-yk-list li a:hover{color:#333;}
.meftunmede-yk-list li.active a{background-color:#333;color:#fff;border-color:#333;}
.meftunmede-yk-list li.meftunmede-yk-bio-link a{background-position:8px 8px;background-repeat:no-repeat;padding-left:27px;}
.meftunmede-yk-list li.meftunmede-yk-bio-link.active a{background-position:-280px 8px;background-repeat:no-repeat;padding-left:27px;}
.meftunmede-yk-list li.meftunmede-yk-twitter-link a{background-position:8px -42px;background-repeat:no-repeat;padding-left:35px;}
.meftunmede-yk-list li.meftunmede-yk-twitter-link.active a{background-position:-270px -42px;background-repeat:no-repeat;padding-left:35px;}
.meftunmede-yk-list li.meftunmede-yk-facebook-link a{background-position:8px -92px;background-repeat:no-repeat;padding-left:23px;}
.meftunmede-yk-list li.meftunmede-yk-facebook-link.active a{background-position:-284px -92px;background-repeat:no-repeat;padding-left:23px;}
.meftunmede-yk-list li.meftunmede-yk-googleplus-link a{background-position:8px -142px;background-repeat:no-repeat;padding-left:30px;}
.meftunmede-yk-list li.meftunmede-yk-googleplus-link.active a{background-position:-276px -142px;background-repeat:no-repeat;padding-left:30px;}
.meftunmede-yk-list li.meftunmede-yk-linkedin-link a{background-position:8px -242px;background-repeat:no-repeat;padding-left:30px;}
.meftunmede-yk-list li.meftunmede-yk-linkedin-link.active a{background-position:-276px -242px;background-repeat:no-repeat;padding-left:30px;}
.meftunmede-yk-list li.meftunmede-yk-latest-posts-link a{background-position:8px -192px;background-repeat:no-repeat;padding-left:27px;}
.meftunmede-yk-list li.meftunmede-yk-latest-posts-link.active a{background-position:-280px -192px;background-repeat:no-repeat;padding-left:27px;}
.meftunmede-yk-list li.meftunmede-yk-custom-link a,.meftunmede-yk-list li.meftunmede-yk-additional-link a{background-image:none!important;}
.meftunmede-yk-widget .meftunmede-yk-list li a,.meftunmede-yk-icons-only .meftunmede-yk-list li a{text-indent:-9999em;padding:8px 12px!important;}
.meftunmede-yk-widget .meftunmede-yk-list li.meftunmede-yk-twitter-link a,.meftunmede-yk-icons-only .meftunmede-yk-list li.meftunmede-yk-twitter-link a{width:12px;}
.meftunmede-yk-widget .meftunmede-yk-list li.meftunmede-yk-facebook-link a,.meftunmede-yk-icons-only .meftunmede-yk-list li.meftunmede-yk-facebook-link a{width:0;}
.meftunmede-yk-widget .meftunmede-yk-list li.meftunmede-yk-custom-link a,.meftunmede-yk-icons-only .meftunmede-yk-list li.meftunmede-yk-custom-link a{text-indent:0!important;}
.meftunmede-yk-tab{display:none;border:2px solid #333;background:#fff;min-height:80px;padding:12px;}
.meftunmede-yk-tab:after{content:&#39;display:table;clear:both;}
.meftunmede-yk-tab:first-child{display:block;}
.meftunmede-yk-widget .meftunmede-yk-tab{padding:8px;}
.meftunmede-yk-avatar{display:block;float:left;width:64px;height:64px;}
.meftunmede-yk-no-float .meftunmede-yk-avatar{width:64px;height:64px;float:none;margin:0 0 12px;}
.meftunmede-yk-avatar img{width:80px;height:80px;display:block;border:none!important;}
.meftunmede-yk-text{margin-left:95px;line-height:1.5;}
.meftunmede-yk-no-float .meftunmede-yk-text{margin-left:0;}
.meftunmede-yk-header{margin-bottom:10px;}
.meftunmede-yk-text h4{clear:none;font-size:18px;line-height:1!important;font-weight:700;margin:0 0 .2em!important;padding:0;}
.meftunmede-yk-follow{margin-top:10px;}
.meftunmede-yk-latest{margin:0!important;padding:0!important;}
.meftunmede-yk-latest li{list-style:none!important;line-height:1.1;margin:0 0 .6em!important;}
.latest-see-all{font-weight:400;}
.meftunmede-yk-wrapper iframe{margin-bottom:0!important;}
body.rtl .meftunmede-yk-avatar{float:right;}
body.rtl .meftunmede-yk-text{margin-left:0;margin-right:76px;}
body.rtl .meftunmede-yk-list{padding:0 5px 0 0 !important;}
body.rtl .meftunmede-yk-list li{float:right;margin:0 0 0 5px !important;}
.fb_iframe_widget&gt;span,.fb_iframe_widget&gt;span iframe{min-height:64px!important;}
.meftunmede-yk-widget .meftunmede-yk-list li.meftunmede-yk-bio-link a,.meftunmede-yk-icons-only .meftunmede-yk-list li.meftunmede-yk-bio-link a,.meftunmede-yk-widget .meftunmede-yk-list li.meftunmede-yk-latest-posts-link a,.meftunmede-yk-icons-only .meftunmede-yk-list li.meftunmede-yk-latest-posts-link a{width:4px;}
.meftunmede-yk-widget .meftunmede-yk-list li.meftunmede-yk-googleplus-link a,.meftunmede-yk-icons-only .meftunmede-yk-list li.meftunmede-yk-googleplus-link a,.meftunmede-yk-widget .meftunmede-yk-list li.meftunmede-yk-linkedin-link a,.meftunmede-yk-icons-only .meftunmede-yk-list li.meftunmede-yk-linkedin-link a{width:8px;}
.meftunmede-yk-description,.meftunmede-yk-latest li span,.meftunmede-yk-twitter-time{font-size:12px;}
/*****Yazar Kutusu CSS - www.meftunmede.com*****/

3. Adım: Yazar bilgilerini ekleme

1. Şimdi en önemli bölüme geldik. Bu bölümü blogger şablon düzenleme ekranındayken <div class='post-footer'> kodunu bularak, bu kodun bitiş etiketinin (</div>) hemen altına, kırmızıyla gösterdiğim yerleri kendinize göre özelleştirerek kopyalayıp yapıştırın. Bu koddan şablonda iki tane var. İkinci olan bizim aradığımız bölüm. Sol taraftaki sayısal değerlere bakarak, hangisi ilk, hangisi ikinci bulabilirsiniz. Lütfen aşağıdaki resme tıklayarak, inceleyin. Tam olarak nereye ekleyeceğinizi daha iyi anlayacaksınız.
Yazar kutusunu buraya ekle
Tabiki yazar bilgi kutusunu blogunuzda nereye eklemek istediğinize bağlı. Siz isterseniz baska bi bölüme ekleyebilirsiniz. Ben, bence en uygun yeri belirttim. Seçim size kalmış. Yazı altında, paylaş butonları, etiketler, benzer yazılar gibi bölümler var. Bunlar gözönünde bulundurularak nereye eklemek istediğinize siz karar vereceksiniz. <div class='post-footer'> kodunun hemen üzerinede ekleyebilirsiniz. Ama yazılar için paylaş butonları, etiketler falan altta kalabilir. Bu hoş bi görüntü olmaz. Tabiki tekrar söylüyorum; bu tamamen sizin bu kutuyu nereye eklemek istediğinize bağlı. Bazı şablonlar çok farklı kodlanmış olabiliyor. Eğer şablon içinde uygunsuz biyere eklerseniz, eklentiyi göremezsiniz bunuda belirteyim!
Ama bu demek değilki eklenti çalışmıyor. Eklentiyi script kodlarından, style kodlarına, sosyal medyasından, son yazılar eklentisine kadar uğraşarak yazdım ve denedim. Hem kendi deneme blogumda, hemde çoklu yazarlı blogger arkadaşların blogunda denendi. Eklenti 100% çalışıyor. Bundan kimsenin şüphesi olmasın!!!
İlk yazarınız, bu yönetici (admin) de olabilir. Aşağıda kendi bilgilerimle örnek verdim. Ve değişmesi gereken yerleri kırmızıyla işaretledim.
<!--1. Yazar Biyografi kutusu - www.meftunmede.com-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.author == &quot;Meftun MEDE&quot;'>
<div class='meftunmede-yk-wrapper meftunmede-yk-icons-text' id='meftunmede-yk-below'>
<ul class='meftunmede-yk-list'>
<li class='meftunmede-yk-bio-link'><a href='#meftunmede-yk-bio-below'>Bio</a></li>
<li class='meftunmede-yk-twitter-link'><a href='#meftunmede-yk-twitter-below'>Twitter</a></li>
<li class='meftunmede-yk-facebook-link'><a href='#meftunmede-yk-facebook-below'>Facebook</a></li>
<li class='meftunmede-yk-googleplus-link'><a href='#meftunmede-yk-googleplus-below'>Google+</a></li>
<li class='meftunmede-yk-latest-posts-link'><a href='#meftunmede-yk-latest-posts-below'>Son Yazılar</a></li>
</ul>
<!--Yazar Biyografi Bölümü-->
<div class='meftunmede-yk-tabs'>
<div class='meftunmede-yk-tab' id='meftunmede-yk-bio-below'>
<div class='meftunmede-yk-avatar'><img class='avatar avatar-70 photo' expr:src='data:post.authorPhoto.url' height='70px' itemprop='image' width='70px'/>
</div>
<div class='meftunmede-yk-text'>
<div class='meftunmede-yk-header'><h4>Admin: <a expr:href='data:post.authorProfileUrl' rel='author' title='Yazar'><data:post.author/></a></h4>
<div class='meftunmede-yk-description'>
<span>Filmler, Yemek tarifleri, programlar, Blogger eklentileri ve anlatımlar, temalar, widgetler, Html kodları, her türlü konuda rehber adresiniz...</span>
</div>
</div>
<div class='meftunmede-yk-content'><p class='description' itemprop='description'><data:post.authorAboutMe/></p>
</div>
E-Mail: <a href='mailto:meftunmede@gmail.com'>meftunmede@gmail.com/a>
</div>
</div>
<!--Twitter Bölümü-->
<div class='meftunmede-yk-tab' id='meftunmede-yk-twitter-below'>
<div class='meftunmede-yk-avatar'><img class='avatar avatar-70 photo' expr:src='data:post.authorPhoto.url' height='70px' itemprop='image' width='70px'/>
</div>
<div class='meftunmede-yk-text'>
<div class='meftunmede-yk-header'>
<h4><a href='//twitter.com/MeftunMEDE'>@Meftun MEDE</a></h4>
</div>
<div class='meftunmede-yk-content'>
</div>
<div class='meftunmede-yk-follow'>
<a class='twitter-follow-button' data-lang='tr_TR' data-show-count='true' href='//twitter.com/MeftunMEDE'>Takip Et @Meftun MEDE</a>
</div>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
</div>
</div>
<!--Facebook Bölümü-->
<div class='meftunmede-yk-tab' id='meftunmede-yk-facebook-below'>
<div class='meftunmede-yk-avatar'><img class='avatar avatar-70 photo' expr:src='data:post.authorPhoto.url' height='70px' itemprop='image' width='70px'/>
</div>
<div class='meftunmede-yk-text'>
<div class='meftunmede-yk-header'>
<h4><a href='//www.facebook.com/meftunmede.blogger'>Meftun MEDE</a></h4>
</div>
<iframe src='//www.facebook.com/plugins/follow.php?href=https%3A%2F%2Fwww.facebook.com%2Fmeftunmede.blogger&amp;width&amp;height=80&amp;colorscheme=light&amp;layout=standard&amp;show_faces=true&amp;appId=1561976804033770' allowTransparency='true' frameborder='0' scrolling='no' style='border:none; overflow:hidden; height:80px;'/>
</div>
</div>
<!--Google+ Bölümü-->
<div class='meftunmede-yk-tab' id='meftunmede-yk-googleplus-below'>
<div class='meftunmede-yk-avatar'><img class='avatar avatar-70 photo' expr:src='data:post.authorPhoto.url' height='70px' itemprop='image' width='70px'/>
</div>
<div class='meftunmede-yk-text'>
<div class='meftunmede-yk-header'>
<h4><a expr:href='data:post.authorProfileUrl' rel='author' title='Google+ Takip et'><data:post.author/></a></h4>
</div>
<div class='g-follow' data-annotation='bubble' data-height='24' expr:data-href='data:post.authorProfileUrl' data-rel='author'></div>
</div>
</div>
<!--Yazar Son yazılar Bölümü-->
<div class='meftunmede-yk-tab' id='meftunmede-yk-latest-posts-below'>
<div class='meftunmede-yk-avatar'><img class='avatar avatar-70 photo' expr:src='data:post.authorPhoto.url' height='70px' itemprop='image' width='70px'/>
</div>
<div class='meftunmede-yk-text'>
<div class='meftunmede-yk-header'>
<h4><data:post.author/> tarafından yazılan yazılar <span class='latest-see-all'>(<a href='https://www.meftunmede.com/search/label/etiketiniz'>Hepsini Gör</a>)</span></h4>
</div>
<script>
var numposts = 3;var showpostdate =  false;var showpostsummary = false;var numchars = 100;var standardstyling = true;
</script>
<script src='https://www.meftunmede.com/feeds/posts/default/-/etiketiniz?orderby=published&amp;alt=json-in-script&amp;callback=sonyazilarim'/>
</div>
</div>
</div>
</div>
</b:if>
</b:if>
<!--1. Yazar Biyografi kutusu - www.meftunmede.com-->
2. Diğer yazarlarınızı hemen altına aynı kodlarla devam ediyosunuz. 10 tane yazarınız varsa, alt alta, hepsini aynı şekilde ekleyin. Ben yukarıdakiyle farkı olmasada, daha iyi anlaşılması için örnek olarak 2. yazar için kodlarınıda paylaşıyorum.
<!--2. Yazar Biyografi kutusu - www.meftunmede.com-->
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.author == &quot;Yazar Adı&quot;'>
<div class='meftunmede-yk-wrapper meftunmede-yk-icons-text' id='meftunmede-yk-below'>
<ul class='meftunmede-yk-list'>
<li class='meftunmede-yk-bio-link'><a href='#meftunmede-yk-bio-below'>Bio</a></li>
<li class='meftunmede-yk-twitter-link'><a href='#meftunmede-yk-twitter-below'>Twitter</a></li>
<li class='meftunmede-yk-facebook-link'><a href='#meftunmede-yk-facebook-below'>Facebook</a></li>
<li class='meftunmede-yk-googleplus-link'><a href='#meftunmede-yk-googleplus-below'>Google+</a></li>
<li class='meftunmede-yk-latest-posts-link'><a href='#meftunmede-yk-latest-posts-below'>Son Yazılar</a></li>
</ul>
<!--Yazar Biyografi Bölümü-->
<div class='meftunmede-yk-tabs'>
<div class='meftunmede-yk-tab' id='meftunmede-yk-bio-below'>
<div class='meftunmede-yk-avatar'><img class='avatar avatar-70 photo' expr:src='data:post.authorPhoto.url' height='70px' itemprop='image' width='70px'/>
</div>
<div class='meftunmede-yk-text'>
<div class='meftunmede-yk-header'>
<h4>Yazar: <a expr:href='data:post.authorProfileUrl' rel='author' title='Yazar Hakkında'><data:post.author/></a></h4>
<div class='meftunmede-yk-description'>
<span>Yazar hakkında kısa yazı</span>
</div>
</div>
<div class='meftunmede-yk-content'><p class='description' itemprop='description'><data:post.authorAboutMe/></p></div>
E-Mail: <a href='mailto:Mail adresiniz'>Mail adresiniz</a>
</div>
</div>
<!--Twitter Bölümü-->
<div class='meftunmede-yk-tab' id='meftunmede-yk-twitter-below'>
<div class='meftunmede-yk-avatar'>
<img class='avatar avatar-70 photo' expr:src='data:post.authorPhoto.url' height='70px' itemprop='image' width='70px'/>
</div>
<div class='meftunmede-yk-text'>
<div class='meftunmede-yk-header'>
<h4><a href='Twitter_Profil_URL'>@Twitter_kullanıcı_adı</a></h4>
</div>
<div class='meftunmede-yk-content'>
</div>
<div class='meftunmede-yk-follow'>
<a class='twitter-follow-button' data-lang='tr_TR' data-show-count='true' href='Twitter_Profil_URL'>Takip Et @Twitter_kullanıcı_adı</a>
</div>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
</div>
</div>
<!--Facebook Bölümü-->
<div class='meftunmede-yk-tab' id='meftunmede-yk-facebook-below'>
<div class='meftunmede-yk-avatar'>
<img class='avatar avatar-70 photo' expr:src='data:post.authorPhoto.url' height='70px' itemprop='image' width='70px'/>
</div>
<div class='meftunmede-yk-text'>
<div class='meftunmede-yk-header'>
<h4><a href='Facebook_Profil_URL'>Facebook_Profil_Adı</a></h4>
</div>
<iframe src='//www.facebook.com/plugins/follow.php?href=https%3A%2F%2Fwww.facebook.com%2FFacebook_profil_kullanıcı_adı&amp;width&amp;height=80&amp;colorscheme=light&amp;layout=standard&amp;show_faces=true&amp;appId=1561976804033770' allowTransparency='true' frameborder='0' scrolling='no' style='border:none; overflow:hidden; height:80px;'/>
</div>
</div>
<!--Google+ Bölümü-->
<div class='meftunmede-yk-tab' id='meftunmede-yk-googleplus-below'>
<div class='meftunmede-yk-avatar'>
<img class='avatar avatar-70 photo' expr:src='data:post.authorPhoto.url' height='70px' itemprop='image' width='70px'/>
</div>
<div class='meftunmede-yk-text'>
<div class='meftunmede-yk-header'>
<h4><a expr:href='data:post.authorProfileUrl' rel='author' title='Google+ Takip et'><data:post.author/></a></h4>
</div>
<div class='g-follow' data-annotation='bubble' data-height='24' expr:data-href='data:post.authorProfileUrl' data-rel='author'></div>
</div>
</div>
<!--Yazar Son yazılar Bölümü-->
<div class='meftunmede-yk-tab' id='meftunmede-yk-latest-posts-below'>
<div class='meftunmede-yk-avatar'>
<img class='avatar avatar-70 photo' expr:src='data:post.authorPhoto.url' height='70px' itemprop='image' width='70px'/>
</div>
<div class='meftunmede-yk-text'>
<div class='meftunmede-yk-header'>
<h4><data:post.author/> tarafından yazılan yazılar <span class='latest-see-all'>(<a href='https://blogadresi/search/label/yazar_etiketi'>Hepsini Gör</a>)</span></h4>
</div>
<script>
var numposts = 3;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;
</script>
<script src='https://blogadresi.blogspot.com/feeds/posts/default/-/yazar_etiketi?published&amp;alt=json-in-script&amp;callback=sonyazilarim'>
</script>
</div>
</div>
</div>
</div>      
</b:if>
</b:if>
<!--2. Yazar Biyografi kutusu - www.meftunmede.com-->

Özelleştirme

1. Özelleştirmede en önemli yerden başlamak istedim. Blogger'da Yazarın Son yazılarını gösteren bi eklenti malesef yok. Blogger şimdilik bu tür bi uygulamayı desteklemiyor. Ama ben buna en mantıklı çözümü bulmaya çalıştım. Yazarlar kendi yazdıkları makalelere, yazılara kendilerine ait bir etiket ekleyecekler.
Örnek:
Ali Güneş ve Mehmet Ay isimli 2 tane yazarınız olsun. Ali kendi yazdığı konulara, etiket eklerken kendi belirledigi bir etiket ekliyecek. Mesela "aligunes" yada "AG" gibi. Aynı şekilde Mehmet Ay'da "mehmetay" veya "MA" gibi bir etiket ekliyecek. Tabiki bu tamamen sizin isteğinize bağlı. Böylece aşağıda göstereceğim şekilde yazarların yazılarını etiketlerle ayırmış ve belirlemiş olacağız.
Ali Güneş'in "AG" etiketli tüm yazıları;
https://blogadı.blogspot.com/search/label/AG
Mehmet Ay'ın "mehmetay" etiketli tüm yazıları;
https://blogadı.blogspot.com/search/label/mehmetay
Not: Etiketlerde boşluk yaparsanız mehmet%20ay olarak link verilir. (Boşluk = %20)
Burayı anladıysak, kodlar içindeki "Yazar Son yazılar" Bölümünde kırmızıyla işaretlediğim bölümlere yazarınızın özel etiketini yazın.
● Bu bölümün içindeki script kodları ve anlamları
var numposts = 3; Kaç adet son yazılar gösterilsin
var showpostdate = true; yazıların yazım tarihleri, göster: true, gösterme: false
var showpostsummary = true; yazı içindeki açıklama yazıları, göster: true gösterme: false
var numchars = 100; yazı içindeki açıklama için karakter sayısı
2. İkinci önemli bölüm, en üstteki kırmızı ile belirttiğim Yazar Adı yazan yere yazar adını yazarken blogger kontrol panelinizde blog yazarları olarak görünen isimleri aynen yazıldıkları gibi yazın. Büyük harf ise büyük harf, Türkçe karakterse Türkçe karakter.
3. Üçüncü olarak diğer kırmızıyla belittiğim yerlere sosyal medya hesaplarını, yazar hakkında kısa bilgi olan yerleri doldurun. ve kaydedin. Artık her yazarınızın yazdığı yazıların altında kendine ait bilgiler olacaktır.
Bu kadar. Umarım herkeze yardımcı bir makale olmuştur. Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz.
Eğer denediniz ve yapamadız ise yorum kısmına "olmuyor, çalısmıyor" yazmak yerine, Şablonunuzu yedekleyerek, Blogger yardım bölümünden, şablon yedeğini ve gerekli bilgileri ayrıntılı şekilde yazarak bana gönderin. Ben eklentiyi şablonunuza uygular geri yollarım. Ve böylece sizde güzel bi yorum yazabilirsiniz.
Barış, huzur, sağlık ve bereket Arkadaşlar! Herkeze kolay gelsin. iyi bloglamalar...

15 Yorumlar

Lütfen yalnızca yazı ile ilgili yorumlar yazın. Yazının konusu dışında iletmek veya sormak istediğiniz bir şey varsa iletişim formunu kullanın. Ve lütfen yorumlara tıklanabilir link yazmayın!

  1. Bunun kısa yolu yokmu :Dd

    YanıtlaSil
  2. Meftun MEDE , her daim isteklerimize elinden geldiğince pozitif yaklaşıp yardımını esirgemeyen , kendisine çok şey borçlu olduğum bir abim. İyiki varsın. Herşey için çok teşekkür ederim.

    YanıtlaSil
  3. abi bende bi düz yaı halinde öageçmiş gözüktü başka bişey yoktur neden

    YanıtlaSil
    Yanıtlar
    1. Şablonunuzda başka bir yazar bilgi kutusu var. Eğer bunu kullanacaksanız, onu silmenizi tavsiye ederim. Ve 3. Adımdaki kodları doğru ekleyerek şablonu kaydetdiğinize emin olun.

      Sil
  4. Verdiğiniz bilgiler için teşekkür ederiz
    http://www.intechguvenlik.com

    YanıtlaSil
  5. Merhaba,
    Benim kullandığım yazar hakkında kutusunda sadece tek bir açıklama kısmı yer alıyor. Diğer yazarlarımız için yazar hakkında kısmını nasıl ekleyebiliriz? Yani haberi yazan yazarın hakkında kısmı çıkacak.

    YanıtlaSil
  6. Abi Bana yardım edermisin ? Lütfenn http://teknovpn.blogspot.com/ Siteme '''' Disqus Yorum Eklentisi Ekleyemiyorum tema yüzünden Bir Çözüm yolu bulursanız Sevinirim Şimdiden Çok Çok teşekkür ederim YORUMUNUZU BEKLİYORUM ABİİ ACİL

    YanıtlaSil
  7. iyi paylaşım olmuş teşekkürler
    http://www.zenginanahtar.com

    YanıtlaSil
  8. Harika bir blog... Sizi takip ediyoruz. Başarılar dileriz. http://candemirbeykonagi.com

    YanıtlaSil
  9. harika bir blog sitesi bilgi için teşekkürler
    http://www.buyukcekmececilingiri.com

    YanıtlaSil
  10. S.a Kardeşim bende bu div class='post-footer çıkmıyor bu sorunu nasıl halledebilirim. Yardımcı olabilir misin?

    YanıtlaSil
  11. Tamamen farklı ve özel bir eklenti olmuş. Hayat kurtaran cinsten...

    YanıtlaSil
  12. www.ardakilic.com
    Ücretsiz oyunlar ve programlar

    YanıtlaSil
  13. selam aleykum hoçam faceye bi yazi yadim cok riça edsme bi baka bilir siniz https://www.facebook.com/meftunmede.blogger

    YanıtlaSil

Yorum Gönder

Lütfen yalnızca yazı ile ilgili yorumlar yazın. Yazının konusu dışında iletmek veya sormak istediğiniz bir şey varsa iletişim formunu kullanın. Ve lütfen yorumlara tıklanabilir link yazmayın!

Önceki Makale Sonraki Makale