Como Colocar "Lista De Links" No Blogger - Tutorial

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!