segunda-feira, 5 de novembro de 2012

Tutorial- Como colocar ícone de voltar ao topo


Hello galera, como vocês estão? Hoje estou aqui pra fazer mais um tutorial, só que agora é à pedido da blogueira Leeh. Ela me pediu para ensiná-la à colocar o ícone de voltar ao topo e resolvi compartilhar esse tutorial com todos vocês. É super fácil, vocês só precisam prestar atenção. Vamos lá:

Vá em Layout> Adicionar um gadget> Html/JavaSript> Cole o código do ícone que você quer. Trouxe alguns pra vocês:

topo1 
<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="http://2.bp.blogspot.com/-EGz05JCiJJo/Tke6aFo3QeI/AAAAAAAACMs/CchRT6IjorU/s1600/topo1.png" border="0" /></a></div>

topo2 
<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="http://1.bp.blogspot.com/-iJG_93uXPGs/Tke6bS4OluI/AAAAAAAACMw/5sYoHDTqL9k/s1600/topo2.png "  border="0" /></a></div>

 
<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="http://3.bp.blogspot.com/-9qGGuiQMZjs/Tke6ce7te0I/AAAAAAAACM0/hOPJdOtCOcs/s1600/topo3.png "  border="0" /></a></div>

 
<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="http://1.bp.blogspot.com/-wJJCJEhQ4q8/Tke6dvM_dbI/AAAAAAAACM4/krx2qdVawUI/s1600/topo4.png " border="0" /></a></div>

 
<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="http://1.bp.blogspot.com/-h3jAe7BodzI/Tke6e80Vy1I/AAAAAAAACM8/w0lRWN_pw3I/s1600/topo5.png " border="0" /></a></div>

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="http://1.bp.blogspot.com/-HwCD8R_UPfw/Tke6gVsGeMI/AAAAAAAACNA/lf9HjAV6RRw/s1600/topo6.png "  border="0" /></a></div>

 
<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="http://1.bp.blogspot.com/-d0-HtPnF-gg/Tke6hklMS7I/AAAAAAAACNE/VPebfMuA5B0/s1600/topo7.png " border="0" /></a></div>

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="http://2.bp.blogspot.com/-RASjQxcX4oI/TyaDeGLi9II/AAAAAAAADY0/nStE21Rhilw/s1600/1.png"border="0" /></a></div>

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="http://1.bp.blogspot.com/-MAV54GL7pIY/TyaDfuGEpqI/AAAAAAAADY8/6BniOwvpPH0/s1600/2.png"border="0" /></a></div>

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="http://4.bp.blogspot.com/-9SQ8lqyqlqY/TyaDgjvilzI/AAAAAAAADZE/3BYrADJPaoU/s1600/3.png"border="0" /></a></div>

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="http://1.bp.blogspot.com/-xwHCVrIIFSY/TyaDhbh_lMI/AAAAAAAADZM/JkJzm6Ot4JQ/s1600/4.png"border="0" /></a></div>

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="http://4.bp.blogspot.com/-cr4OdRuef08/TyaDiLmAXzI/AAAAAAAADZU/L18qCGB2R4A/s1600/5.png"border="0" /></a></div>

Prontinho, espero ter ajudado a Leeh e outros blogueiros também. Beijos!!!




1 Comment:

Amanda said...

Amei,obg *-*

Postar um comentário