<img src="#" style="display:scroll; position:fixed; top:0px; right:0px;" />
Vá no seu blog em:
Modelo --> Editar HTML --> Prosseguir
Procure pela tag </body> e cole o código abaixo antes dela, ou seja, entre <body> e </body>:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicqqHClwg9rBrpdts_L8XsZrmGpmXE014MdpwJuOPx4DWjMs2793Z7Bu7s_QtZ5mRPYtdLxH_6Mj2peoS-YYAg7yZyGGmQEB7Jl9n7udDlTCSCnme9N9Ea6qICFZrsqHJi0iK2SwkoVf0/s200/fragilestamp.png" border="0" style="display:scroll; position:fixed; top:30px; right:10px;" />
Em amarelo temos o URL da imagem (deve ser substituído pelo URL da sua imagem) e em azul a posição onde a imagem deve aparecer, no exemplo 30 pixels do topo e 10 pixels à direita (utilize top ou bottom e right ou left, conforme a necessidade).
Também podemos adicionar uma imagem com link. Neste caso, o atributo style pode ser colocado na tag <a> como no exemplo abaixo:
<a href="#" style="display:scroll; position:fixed; bottom:0px; left:0px;" title="#"><img src="#" border="0" /></a>
Por segurança, antes de fazer qualquer modificação, faça um backup do modelo (template) do seu blog, assim você pode recuperá-lo no caso de alguma coisa der errado.
Nenhum comentário :
Postar um comentário