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
1 yorum:
olmadı.. hiç bir hata almadım ancak ne resim çıktı nede birşey
31 Ekim 2009 01:15
Yorum Gönder
Önemli
-Spam yorumlar kesinlikle onaylanmayacaktır
-Yorum yaparken http:// kısmını kullanın.
-Yorumlarda link verebilmek için <a href=" url" title ="ismi">Link yazısı</a>
-Yorumlarınız onaylandıktan sonra yayımlanır.
-Yorum yazarken kullandığımız kelimelere dikkat edelim
-Yorumları takip edebilmek için "Subscribe by email" yazısına tıklayınız.