?p?????? p???? blogs p?? ????? pe??ss?te???? ap? ??a? s????af?a .
?ts? s??ft??a ?a d?�??????s? ??a " ped?? " ??t? ap? t?? a?a?t?se?? ?p?? �p??e? ?a �pe? �?a f?t???af?a ?a? �?a s??t?�? pe????af? ?e?�e??? t?? s????af?a p?? ???a?e t? ?e?�e?? t?? ???e blog.
? ??d???? a?t?? a?apt?????e ??a ?a ???s?�?p????e? se blogs �e pe??ss?te???? ap? ??a? s????af?a. ?ts? ?ste ? pe????af? a?t? t?? s????af?a ?a e�fa???eta? ??t? ap? t?? a?a?t?se?? p?? ???a?e.
??a a?t? a?t?�ata ????? ?a ??e?aste? ?a t??p?p???sete t?p?ta st?? a?a?t?se?? .
1? ??�a : ???ete Login st? ???a??as�? t?? Blogger sa? , ???a??ete ???ta?? -> ?pe?e??as?a HTML ?a? pat?ste st? ???t??? ?p??tas? p??t?p?? ??af???? st???e??? .
2? ??�a : ?at?ste Ctrl + f ?a? ???te st? p??t?p? sa? ??a t?? et???ta:
]]></b:skin>
3? ??�a : ?????ste a???�?? ??? ???O t?? pa?a??t? ??d??a :
#post-footer-autor {
width: 90%;
height: 67px;
background: #e6e6e6;
border:3px solid #b3b3b3;
margin: 8px 0px 8px 0px;
font-family: 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
}
#autor-img { /* Avatar */
width: 54px;
height: 54px;
background: #fff;
float: left;
margin: 7px;
}
#autor-box {
padding-right: 5px;
margin: 0px;
}
#autor-box p{ / * Style text description * /
font-size: 12px;
padding: 10px;
margin: 0;
text-align: justify;
text-transform: normal;
color: #666666;
}
#autor-box a{ / * Style linked text * /
color: #000fcc;
text-decoration:none;
}
#autor-box a:hover {
color:#7780ee;
text-decoration:underline;
}
width: 90%;
height: 67px;
background: #e6e6e6;
border:3px solid #b3b3b3;
margin: 8px 0px 8px 0px;
font-family: 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
}
#autor-img { /* Avatar */
width: 54px;
height: 54px;
background: #fff;
float: left;
margin: 7px;
}
#autor-box {
padding-right: 5px;
margin: 0px;
}
#autor-box p{ / * Style text description * /
font-size: 12px;
padding: 10px;
margin: 0;
text-align: justify;
text-transform: normal;
color: #666666;
}
#autor-box a{ / * Style linked text * /
color: #000fcc;
text-decoration:none;
}
#autor-box a:hover {
color:#7780ee;
text-decoration:underline;
}
? ??d??a? CSS pa?ap??? e??a? ta ?a?a?t???st??? t?? Author Box . ?? ??????ete a??et? ??a ?a a????ete t?? p?? �as???? CSS, ?p?? ? a??a?? t?? ???�?t?? ?a? �e?e???. ?p?? a????ete t? st?? �e p??s??? ?a? ?at?p?? p??sa?�?ste t? widget.
4? ??�a : ???te (Ctrl + f) st? p??t?p? sa? ??a t?? ??d??a :
<div class="post-footer">
? ??a t?
<div id="post-footer">
? ??a t?
<data:post.body/> (a? e??a? p????, ?????? e??a? t? te?e?ta??) ?a? (�e t?? p???p??es? ?t? �et?/a???�?? d?p?a ap? t? <data:post.body/> de? ?a ?p???e? ??p???? ????? ??d??a?).
? ??a t?
<div id="post-footer">
? ??a t?
<data:post.body/> (a? e??a? p????, ?????? e??a? t? te?e?ta??) ?a? (�e t?? p???p??es? ?t? �et?/a???�?? d?p?a ap? t? <data:post.body/> de? ?a ?p???e? ??p???? ????? ??d??a?).
5? ??�a : ?????ste a???�?? ??? ???O t?? pa?a??t? ??d??a :
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.author == "?????S?? ??? S?GG??F??"'><div id='post-footer-autor'>
<div id='autor-img'>
<img src='URL ??S ??????S' style='width: 50px;height: 50px; border: 2px solid #b3b3b3; padding: 0; margin: 0;'/>
</div>
<div id='autor-box'>
<p>
????G??F? ??? S?GG??F?? ??O
</p>
</div>
</div>
</b:if>
</b:if>
??t??? t?? ??d??e? p?? ??? ????e? �e ??t???? e??a? ??a t? a? ???ete ?a fa??eta? ?a? st?? a????? ? �??? st? se??da st?? a???t?s??(?ts? ?p?? e??a? t??a de? ?a fa??eta? st?? a?????, ?�a ???ete ?a fa??eta? ?a? st?? a????? d?a????te t??? ??d??e?).
? pa?ap??? ??d??a? ???e? a?af??? se ??a? s????af?a!
G?a ?a ??s??�e d?af??et????? s????afe?? ap?? a?t?????ete ?a? ep??????ste t?? ??d??a p????? f???? a???�?? p??? ap? t?? p??t? ??d??a , t?se? ?s??? s????afe?? ??e? t? blog ?a? ap?? ???te t?? e??? a??a???:
- ?????S?? ??? S?GG??F?? -> ???te t? a???�?? ???�a t?? s????af?a, t? ?d?? ???�a ???st? p?? ???s?�?p??e?ta? st? ???a??as�? ??a ?a d?�?s?e?sete t?? a?a?t?se?? . ?? ???�a p??pe? ?a e??a? a???�?? ?d?? a????? ? ??d???? de? ?a ?e?t?????se? s?st?.
?a??de??�a: St? blog �?? ???s?�?p??? ??a ?a s??de?? st? blog �?? ?a? ?a d?�?s?e?s? a???t?s? t? ???�a: Ilias. ?ts? ?a �??? t? : Ilias . ?? ?ta? Admin Ta ?p?epe ?a �??? t? Admin, ?? ?ta? iks-Team.com .Ta ?p?epe ?a �??? t? iks-Team.com .
- URL ??S ??????S -> ??p??et?ste t? s??des�? e????a? p?? ???s?�?p??e?ta? ?? avatar . ?pe???�????ta? ?t? t? link ?a p??pe? ?a ??e? �?a ?�es? d?ad??�? p??? t?? e????a �e �??e??? 50px ? 50px . ??? ?e???te t? http://
- ????G??F? ??? S?GG??F?? ??O -> ???te t? ?e?�e?? t?? pe????af?? t?? s????af?a .?p??e?te ?a ????ete ?t? ???ete ese?? . ???te t?? d???�?, ?ste t? ?e?�e?? ?a �?? pe??se? t? ???? t?? ped??? t?? widget.
???s?�?p???ste a? ???ete ?a? t?? s??d?se?? p?? ???ete st? p?a?s?? t?? pe????af??.
S???????? : ??? t? blog sa? ??e? pe??ss?te???? ap? ??a? s????af?a, ep??????ste t?? ??d??a a???�?? p??? ap? t?? p??t? ??d??a ?s? s???? apa?te?ta? ?a? ???te t?? epe?e??as?a t???, ?ts? ?ste ? ???e s????af?a? ??e? t?? ??d??? t??.
???te ???ep?s???s? p??ta ?a? a? e??a? ??a e?t??e? ?p????e?ete t? p??t?p? sa? ?a? epa?a??�ete t? d???�? a? ??e?aste? .
?a?? ep?t???a se ????? !!!
