[Tutorial] Adicionar imagem para efetuar Login

por Zen em 29/8/2010, 18:58

Implantar imagem para Login

Aprenda á gerir uma imagem que redirecionará o mesmo para página de Login, sabendo que este código exibido aqui pode ser moficável. Além disto vamos conhecer um pouco mais sobre o "Conteúdo Personalizado" que nos possíbilita editar os blogs com HTML e Scripts.

--> Tutoriais, dicas e astúcias <--
Implantar imagem para Login

1º - Conhecendo á estrutura do código;
Qual procedimento que devemos tomar? O serviço Criarumblog nos possíbilita customizar partes do blog sendo assim possível adicionar imagens na página inicial, e neste tutorial vamos ensinar á criar uma imagem que redirecionar o mesmo que clicar para página de "Login".

(Clique para aumentar)

Conteúdo personalizável- Onde é possível adicionar qualquer tipo de código HTML, Script ou javaScript em seu blog.

Posição - Caso fosse-mos adicionar mensagem normais, essas imagens poderiam aparecer em qualquer lugar do blog através de sua escolha.

Regra de visualização - Campo onde é possível escolher onde vai aparecer tal mensagem ou código adicionado.

Utilizaremos o código HTML para que seja possível você administrador logar-se. Primeiro, devemos estar conciênte que isso tudo deve ter atenção, principalmente no código exposto abaixo;

<div style="position: fixed; top: 0px; right: 0px;"> <a href="ENREDEÇO DO BLOG/login.html"><img src="IMAGEM_QUE_APARECERÁ"" title="Efetuar Login no Blog"></a></div>

Verde = Correspondente ao endereço do seu blog
Azul = Correspondente á imagem que será exibida

2º - Aceder ao painel de controle;
Sem mas, apenas vamos aceder ao painel de controle e adicionar o código no "Conteúdo Customizado" para que seja feito alterações;
Painel de controle ->> Multiblog ->> Geral ->>

Conhecimentos para obter sucesso;
É necessário que você tenha conhecimento da Lista dos temas, e alguns outros FAQs como o "[FAQ] Configurando o blog". É importânte lembrer-mos que após que você adicionar esta ferramenta no blog, ela será visível para todos, principalmente para os visitantes.

Resultado;

Nosso Código:

Código:: <div style="position: fixed; top: 0px; right: 0px;"> <a href="http://blogoeiros.blogdosblogs.com/login.html"><img src="http://bit.ly/4okJcX"" title="Efetuar Login no Blog"></a></div>

Perguntas sobre o tutorial;

No conteúdo personalizado posso adicionar mais itens?
Sim pois ele aceita os códigos em Script e HTML. Mas recomendamos que antes de tudo sempre crie uma página fantasma no seu computador e faça o teste.

Existe algum código que oculte á imagem para já quem está logado ao blog?
Isso ainda não temos como reportar, mas acreditamos que para tudo há solução. Em breve nossa equipe estará respondendo está questão com mais clareza mas o mais provável que sim.

--> Tutoriais, dicas e astúcias <--
Implantar imagem para Login

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Implantar imagem para Login