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!