Cum adaug buton Go to top pe blog

Butonul “Go to Top” pe blog îşi are utilitatea lui în cazul paginilor mai lungi pe verticală pentru că scutesc utilizatorul să mai dea scroll în sus după ce a parcurs pagina până jos.
Se implementează cu un cod HTML deosebit de simplu, de obicei în index.php în partea de jos deoarece home-ul este mai lung, dar se poate edita oriunde, inclusiv în post la sfârşit.

Codul pentru un simplu link text este următorul:
<a href="#">Sus</a>

sau în varianta cu buton imagine:
<a href="#"><img src="http://blog.ro/folder/imagine.jpg" border="0" alt="Sus" /></a>

Testează efectul la linkul de mai jos:
Test Go to Top  sau imagine  

 
 
Mesajul de mai sus reprezintă totodata o urare din suflet, şi un exemplu de scris cu un font mai deosebit denumit monotype corsiva, indicat pentru genul acesta de mesaje şi urări la orice ocazii.

Se realizează în doi paşi simpli.

1. Postarea:
Se scrie direct în post:
<div id='corsiva' align='center'>Textul mesajului propriu-zis</div>

*atenţie la WordPress, obligatoriu în mod HTML

2. CSS-ul

#corsiva {
font-family: monotype corsiva;
font-size: 20px;
color: #0000FF;
line-height:1.2em;
}

Codul de mai sus se copiază copy/paste
- la WordPress, la sfârşit în fila style.css din folderul temei.
- la Blogspot în Aspect/Editaţi HTML/Editaţi Şablon, în partea de CSS, adică între tagurile <style> şi </style>