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> :



/*mediafire*/

.conteudo-post .mediafire {background:url(
http://i.imgur.com/3ZcB4.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 .mediafire li {font-weight:bold;background:url
(http://cdn.mediafire.com/favicon.ico
) no-repeat 0 4px;padding:4px 0 4px 20px;list-style:none;margin:0;border-bottom:1px dotted #319ae1;}

.conteudo-post .mediafire a {color: #319ae1;text-decoration:none;}


/*fileserve*/


.conteudo-post .fileserve {background:url(
http://dl.dropbox.com/u/27692794/1/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="mediafire">
    <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.
    0