Blogger: Como sublinhar as ligações nos verbetes sem sublinhar todos os “links” do blogue

Agora está na moda tirar os sublinhados dos “links” nos corpos dos verbetes dos blogues. A seguir demonstro como repor os sublinhados das ligações nos textos dos verbetes sem que todas as ligações do blogue sejam sublinhadas.

Em primeiro lugar, grave o seu actual template no seu ambiente de trabalho (desktop) para o caso de cometer algum erro. A seguir, localize no template o seguinte código:

<!-- posts --> <div class="blog-posts hfeed"> <b:include data="top" name="status-message"> <data:defaultadstart> <b:loop values="data:posts" var="post"> <b:if cond="data:post.isDateStart"> <b:if cond="data:post.isFirstPost == "false""> </b:if> </b:if></b:loop></data:defaultadstart></b:include>

Imediatamente a seguir a <!—posts –> inserir o seguinte código:

<div class="linksposts">

Um pouco a seguir, encontre seguinte código:

</b:loop> <b:if cond='data:numPosts != 0'> </div></div> </b:if> <data:adEnd/> </div> <!-- navigation -->

Logo antes de <!—navigation –> coloque um segundo </div>. Portanto, ficará assim:

</b:loop> <b:if cond='data:numPosts != 0'> </div></div> </b:if> <data:adEnd/> </div></div> <!-- navigation -->

Agora vamos criar uma “classe” em CSS com o nome de “linkposts”. Logo no princípio do “template” irá encontrar o seguinte código:

a:link { text-decoration:none; color: $(link.color); }

Logo a seguir insira o seguinte código:

.linksposts a:link { text-decoration: underline; color:crimson; }

A cor “crimson” é escolha minha: o leitor poderá escolher a cor que quiser, ou eliminar simplesmente essa linha. Grave o template e já está.