15:11
1 yorum
Bloggerde Yazarların Resimlerini Göstermek
Etiketler: Blogger
Blogunuzdaki yazarların resmini gösterin.
1 -
<b:if cond='data:top.showAuthor'> <data:top.authorLabel/> <data:post.author/> </b:if>
Bununla değiştirin
<div class='post-avatar-frame'> <div class='post-avatar'> <script type='text/javascript'> makeprofilelink("<data:post.author/>","img"); </script> <b:if cond='data:top.showAuthor != "true"'> <data:post.author/> </b:if> </div></div> <b:if cond='data:top.showAuthor'> <data:top.authorLabel></data:top.authorLabel> <script type='text/javascript'> makeprofilelink("<data:post.author></data:post.author>","txt"); </script> </b:if>
2 - Javascript Kodları <head> </head> arasına,
<script type='text/javascript'>
var team = new Array();
team["yazar"]="12312312312321353231";
team["yazar1"]="45645656876854645645";
team["yazar2"]="456456565646";
team["yazar3"]="7537537537535314";
function makeprofilelink (authorname, type) {
var pid = team[authorname];
if (type=="img") { document.write("<a href='http://www.blogger.com/profile/" + pid + "'><img class='post-avatar' height='40' src='http://isminiz.googlepages.com/resim/" + authorname + ".jpg' title='View Profile'/></a>"); }
else if (type=="txt") { document.write( "<a href='http://www.blogger.com/profile/" + pid + "'>" + authorname + "</a>"); }
else { document.write("<a href='http://www.blogger.com/profile/" + pid + "'>" + authorname + "</a""); }
}
</script>
3 - Css Kodları <head> </b:skin> arasına,.post-avatar {
border-style:none;
display:block;
}
.post-avatar-frame {
background:#FFFFFF; //arkaplan rengi
border-style:none; //kenar çizgisini gösterme
display:block; //sayfada göster
float:left; //sola yasla
}
Değiştirmeniz gereken yerler :1- team["yazar"]="12312312312321353231";
2- http://isminiz.googlepages.com/resim/" + authorname + ".jpg
- Burada dosya uzantısı jpg,png,gif olabilir.
Kaynak : Googlegroups - Blogger Yardım Grubu
Demo : demo adresi
Önceki Kayıtlar
