He gave me a code that work in a comment ,and now I want to share this code here .Both of me and ابن الملكـة hope this code helpful to you all ,and make Blogger to be the best of blogging platform .
Here is what we need to do :
1,First ,you find this line <data:post.body/>and then paste the following code right after the line above.
<div style='clear:both'/><div id='creditbox'><!-- Author Bio info start--><b:if cond='data:blog.pageType == "item"'><!-- First Author Info --><b:if cond='data:post.author == "NAME OF FIRST AUTHOR"'><img class='authoravatar' height='39' src='IMAGE URL FOR FIRST AUTHOR' width='39'/><div class='postauthor'><h3><a href='FIRST AUTHOR'S URL'>NAME OF FIRST AUTHOR </a></h3><p> NOTES ABOUT FIRST AUTHOR </p></div><div style='clear:both'/></b:if><!-- Second Author Info --><b:if cond='data:post.author == "NAME OF SECOND AUTHOR"'><img class='authoravatar' height='39' src='IMAGE URL FOR SECOND AUTHOR' width='39'/><div class='postauthor'><h3><a href='SECOND AUTHOR'S URL'>NAME OF SECOND AUTHOR </a></h3><p> NOTES ABOUT SECOND AUTHOR </p></div><div style='clear:both'/></b:if>.......................</b:if><!-- Author Bio info End--></div><div style='clear:both'/>
Notes :
1- NAME OF FIRST AUTHOR : replace this with name of your first author . Name of author must be as exact as name showed in profile .
2- NAME OF second AUTHOR :replace this with name of your second author
3- IMAGE URL FOR FIRST AUTHOR :Replace this with the link to your first author avatar or image .
4- IMAGE URL FOR second AUTHOR :Replace this with the link to your first author avatar or image.
5- NOTES ABOUT FIRST AUTHOR : Replace this with author short bio ,profile ...
6- NOTES ABOUT second AUTHOR : Replace this with author short bio ,profile ...
7- FIRST AUTHOR'S URL :Replace this with link to author profile page or link to a social network account.
8- SECOND AUTHOR'S URL :Replace this with link to author profile page or link to a social network account.
In case of there are more than one <data:post.body/> in the search result ,you can paste this code right after all the results .
If you have more than two authors ,you can duplicate the code of first author's information or second author's information and then change the name,link,bio...
2,Add this CSS code before <body> to decorate the credit box :
<style>
#creditbox {
background: none repeat scroll 0 0 #EDEDED;
padding: 10px;
margin-top:10px;}
.authoravatar {float:left;margin-right:10px;padding:4px;background:#fff;border:1px solid #f0f0f0;}
.postauthor {float:left;}
</style>
This is an example .You can add more CSS tags to make the credit box display as you want .
Here is my credit box in Simplex Celebrity template
That's all for making credit box in a multi-author blog .Thanks ابن الملكـة again for this helpful tip .
Please make a new template. :D
ReplyDeleteSorry me but I want to ask if it is possible to convert this template h**p://www.gabfirethemes.com/demos/linepress
ReplyDelete@Lucas Júnior : Thanks for your suggestion .I will add a little darker to the code .Hope it will be easier to read .
ReplyDeleteFor your question ,I don't understand your question clearly .But I guess that you want to ask about making banner only appear bellow posts in a specific category and not for other categories . Is that true ?
It's completely possible . It's the solution I applied to Simplex Portfolio template for filtering all posts with label 'photo' with other posts .
the code you need will be something like that :
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == "NAME OF LABEL Y"'>
....................
.........................
</b:if>
</b:loop>
we need a loop stament at the first ,for searching in all labels of the post ,the condition stament in second line will determine whether 'label Y' in the post or not ,and then excute the code bellow .
This comment has been removed by a blog administrator.
ReplyDeleteits nt work for me i have ERROR:
ReplyDeleteYour template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Element type "a" must be followed by either attribute specifications, ">" or "/>".
plx help me to slve this problem.
hey you are great in blogger ! :)
ReplyDeleteI have a work making a redirector page in blogger. How can we do this.
Example:
"www.yoursitename.blogspot.com/goto?link=www.google.com"
when i do this i want to open google in a iframe on my site.
Can we do this? ı think it will be very helpful
like this : http://n3co.net/gitt.php?Adres=www.simplexdesign.blogspot.com
ReplyDelete@NEO : thanks for giving me an idea ,I will try to make it ,but not sure it possible or not :D The link you give me (example ) from a site use PHP as programing language ,not a site work on Blogger .
ReplyDeleteyes i know, example site is mine already, i made it with php. But cant we use it with iframe or anyway? If you want to php code, i can send you.
ReplyDeletethanks for great posting. Can I ask you how to create a counter to this...?
ReplyDeleteThanks for the great template, as i m using it could i show different credit box for different author. please tell me how it could be possible
ReplyDelete