Neste Tutorial você vai aprender como colocar uma "lista de links" em seu site.
Vamos lá:
Dica: Antes de começar Salve o template.
1. Abra o painel do seu blogger e siga o caminho: Design>Editar HTML.
2. Em seguida procure pela tag ]]></b:skin>.
3. Cole o seguinte código acima da tag ]]></b:skin> :
- /*megaupload*/
.conteudo-post .megaupload {background:url(http://alexoliveira.webs.com/megaupload.jpg) no-repeat center top;padding:85px 10px 10px 10px;margin:10px 0 10px 0;list-style:none;border:3px solid #dfdfdf;-moz-border-radius:10px;border-radius:10px;}
.conteudo-post .megaupload li {font-weight:bold;background:url(http://alexoliveira.webs.com/megauploadicon.jpg
) no-repeat 0 4px;padding:4px 0 4px 20px;list-style:none;margin:0;border-bottom:1px dotted #dfdfdf;}
.conteudo-post .megaupload a {color: #F60;text-decoration:none;}
/*fileserve*/
.conteudo-post .fileserve {background:url(http://alexoliveira.webs.com/fileserve.jpg
) no-repeat center top;padding:85px 10px 10px 10px;margin:10px 0 10px 0;list-style:none;border:3px solid #dfdfdf;-moz-border-radius:10px;border-radius:10px;}
.conteudo-post .fileserve li {font-weight:bold;background:url(http://woshi.webs.com/fileserveicon.jpg
) no-repeat 0 4px;padding:4px 0 4px 20px;list-style:none;border-bottom:1px dotted #dfdfdf;margin:0;}
.conteudo-post .fileserve a {color: #FC0;text-decoration:none;}
Obs: para o código funcionar será necessário que a tag conteudo-post seja igual ao do seu template caso contrário não vai funcionar.
4. Agora vem a parte chata cole o seguinte código em todas as postagens que deseja que apareça a lista de links:
<ul class="megaupload">
<li><a href="!!Link Aqui!!" rel="nofollow" target="_blank">Clique para baixar</a>
</li>
</ul>
<ul class="fileserve">
<li><a href="!!Link Aqui!!" rel="nofollow" target="_blank">Clique para baixar</a>
</li>
</ul>
Obs: E necessário colar o código acima na parte do html do post que fica ao lado do Escrever o Editar HTML.
Dica: Você pode multiplicar os códigos e trocar as imagens, assim você terá mais servidores.
Ajudou? Comente!
Tutoriais
5 comentários
Valeu aqui funciono,
você mim ajudo bastante ensinando esse tutorial :)
so vai da trabalho pra bota em todas minhas postagem :/
valeu mesmo e parabéns pelo site
Denada, foi bom bom ter ajudado.
como coloca nos texto tipo eu quero por um codigo dentro dele pra eu por meu tutorial como faço isso
é só vc não por link e onde está escrito "clique aqui para baixar" você coloca seu texto.
vlw
Regras dos comentários
1. Todos os comentários são lidos e se possível respondidos.
2. Não serão toleradas faltas de respeito.
3. Se possível comente e faça de nós um grupo feliz.
4. Caso o link não Esteja Pegando Deixe um comentário avisando!
Obrigado