Blogunuzdaki yazarların resmini gösterin.
1 -
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
Önceki Kayıtlar
