Colocar leia mais nas postagens

Eu estava procurando como colocar o LEIA MAIS nas minhas postagens e encontrei esse código no

http://templateseacessorios.blogspot.com.br/2012/04/combo-colocar-leia-mais-autor-do-blog.html

Fiz exatamente como foi indicado, mas não deu certo, pois apareceram  etiquetas amontoadas  junto aos marcadores. Se alguém usar esse código e funcionar me avisa, ta?

Quando vou colar um código, eu sempre copio parte do que está no meu Blog para saber exatamente o que foi retirado. No meu HTML esta assim:

.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {

  border-$startSide: 1px solid $(tabs.border.color);

}

]]></b:skin>

    <b:template-skin>

      <b:variable default='960px' name='content.width' type='length'/>

      <b:variable default='0' name='main.column.left.width' type='length'/>

      <b:variable default='310px' name='main.column.right.width' type='length' value='320px'/>

      <![CDATA[

      body {

        min-width: $(content.width);

E segui  as instruções. Procurei por

]]></b:skin>  

usando o  Ctrl + F  e colando o  ]]></b:skin>   na janela que aparece bem no alto à direita.

Saiba como usar o  Ctrl+F

Substituí então pelo código abaixo:

/*Showlink-----------------------------------------------------*/
#showlink {  margin: 0 34px 0 0; padding: 0;}
#showlink a{
  float: right;
  position: relative;
  background-color: #ccc;/*cor do fundo*/
  /* la altura */
  height: 24px;
  line-height: 24px;
  padding:0 10px 0px 12px;
  margin: 0px;
  color: #000;/*cor texto*/
  font-size:11px;
  font-family: Arial;
  text-decoration: none;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
}
#showlink a:before {
  border-color: transparent transparent transparent #ccc;/*cor ponta seta*/
  border-style: solid;
  border-width:12px 0px 12px 12px;
  content: "";
  float: right;
  right: -12px;
  height: 0;
  position: absolute;
  top: 0;
  width: 0;
}
#showlink a:after {
  background-color: #fff; /* cor bolinha */
  content: "";
  float: right;
  right: 0;
  position: absolute;
  top: 10px;
 height: 4px;
  width: 4px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
#showlink a:hover{
  background-color: #555;/*cor seta passar mouse*/
}
#showlink a:hover:before {
  border-color: transparent transparent transparent #555 ;/*cor ponta seta*/
}

/*Postlabel-------------------------------*/
.post-labels {
  margin:  0;
  padding: 30px 2px 20px 2px;
}
.post-labels a {
  float: left;
  position: relative;
  background-color: #ccc;/*cor do fundo*/
  /* la altura */
  height: 24px;
  line-height: 24px;
  padding:0 10px 0 12px;
  margin: 0 5px 0 20px;
  color: #000;/*cor texto*/
  font-size:11px;
  font-family: Arial;
  text-decoration: none;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
.post-labels a:before {
  border-color: transparent #ccc transparent transparent;/*cor ponta seta*/
  border-style: solid;
  border-width: 12px 12px 12px 0;
  content: "";
  float: left;
  left:-12px;
  height: 0;
  position: absolute;
  top: 0;
  width: 0;
}
.post-labels a:after {
  background-color: #FFF; /* cor bolinha */
  content: "";
  float: left;
  left: 0;
  position: absolute;
  top: 10px;
 height: 4px;
  width: 4px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.post-labels a:hover{
  background-color: #555;/*cor seta passar mouse*/
}
.post-labels a:hover:before {
  border-color: transparent #555 transparent transparent;/*cor ponta seta*/
}

/*comentario-------------------------------------------*/
.post-comment-link{
 background:#ccc; /* cor bolinha */
 font-size:12px;
margin: 1px 4px 0 6px;
text-align:center;
padding:4px 7px 6px 5px;
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.post-comment-link a{color: #000;}
.post-timestamp{margin: 0 2px 0 2px;}
]]></b:skin>
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 480;
summary_img = 480;
img_thumb_height = 150;
img_thumb_width =150;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);} }
strx = s.join(""); }
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...'; }
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
if(thumbnail_mode == "float") {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
} else {
imgtag = '<div style="padding:5px" align="center"><img style="max-width:'+img_thumb_width+'px; max-height:'+img_thumb_height+'px;" src="'+img[0].src+'" /></div>';
summ = summary_img;
}}var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;}
//]]>
</script>

Como no meu Blog não funcionou, eu retirei o código.

Para retirar (vou dar um exemplo)  procuro por

/*Showlink-----------------------------------------------------*/
Acima recoloco: ]]></b:skin>  

Procuro o final do código e coloco uma lista diferente abaixo:

summ = summary_img;
}}var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;}
//]]>
</script>

888888888888888888888888888888888888888

Deleto tudo e clico em visualizar.  Dando certo, clico em Salvar modelo.

Lembrem que eu não entendo de HTML.

Alguém tem alguma dica?

Entrem na página e tentem vocês.

http://templateseacessorios.blogspot.com.br/2012/04/combo-colocar-leia-mais-autor-do-blog.html

Se descobrirem algo me avisem, por favor!

Lembrem que os códigos desse blog são para os modelos Simples

***

Projeto Educar em condomínios

Divulgue essa ideia.