Aumentar y reducir el tamaño del texto de las entradas

Aumentar y reducir el tamaño de la fuente en las entradas, se puede realizar de mas de una manera. Existen varios métodos para lograrlo, aquí les explico el que yo utilizo.

[1] Debes ir a Diseño>Edicion HTML>Expandir plantillas de artilugios, donde tienes que agregarlo antes de la etiqueta </head>:

<!-- Start Text-Sizer -->
<script type='text/javascript'>//<![CDATA[
function ChangeSize(number,number) { if (document.all) { element = document.all['entrada'];} else { element = document.getElementById('entrada'); } var startSize = 12; var rateSize = 3;var numRate = 5; var startSizeLine = 14;var rateSizeLine = 3;var numRateLine = 5; var strActual = element.style.fontSize; var strLineActual = element.style.lineHeight; var intActual = parseInt(strActual.substring(0, strActual.indexOf("px"))); var intLineActual = parseInt(strLineActual.substring(0, strLineActual.indexOf("px"))); intActual += number; intLineActual += number; if (intActual < (startSize + ( (numRate + 1) * rateSize) ) && intActual > startSize-1){ element.style.fontSize = intActual + "px"; } if (intLineActual < (startSizeLine + ( (numRateLine + 1) * rateSizeLine) ) && intLineActual > startSizeLine-1){ element.style.lineHeight = intLineActual + "px"; } } function normalSize(){var strActual = element.style.fontSize;var strLineActual = element.style.lineHeight;var intActual = 12;var intLineActual = 14; element.style.fontSize = intActual + "px"; element.style.lineHeight = intLineActual + "px";}//]]></script>
<!-- End Text-Sizer -->

[2] Ahora tienes que ir a Diseño>Edicion HTML>Expandir Plantillas de Artilugios y encontrar el siguiente código:

<div class='post-body entry-content'>

Y cambiarla por la siguiente:

<div class='post-body entry-content' id='entrada' style='font-size:12px;line-height:14px'>

[3] Despues puedes agregar el siguiente código en un gadget HTML, o en la plantilla misma:

<p id='control_txtszr' style="font-family:verdana">
 <a href='#' onclick='javascript:ChangeSize(1,1);return false'>
   <span style='font-size:20px'>+A|</span>
 </a>
 <a href='#' onclick='javascript:normalSize();return false'>
   <span style='font-size:13px'>A|</span>
 </a>
 <a href='#' onclick='javascript:ChangeSize(-1,-1);return false'>
   <span style='font-size:11px'>A-</span>
 </a>
</p>

[4] Por ultimo, puedes modificar el estilo con las siguientes instrucciones CSS:

#control_txtszr {
color:{color del texto}
font:{tipo de fuente}
position:{absolute o relative}
top:{pixeles de espacio hacia arriba}
left:{pixeles de espacio hacia la izquierda}
right:{pixeles de espacio hacia derecha}
bottom:{pixeles de espacio hacia abajo}
}

/!\ En esta entrada se asume que tienes conocimientos básicos de colores en RGB o Hexadecimal. Si no los tienes aún, revisa esta entrada: Colores en RGB o Hexadecimal.

/!\ En esta entrada se asume que tienes conocimientos de como agregar un gadget. Si no sabes como agregar un gadget, revisa esta entrada: como insertar o crear/eliminar o mover un gadget.

/!\ En esta entrada se asume que tienes conocimientos de como editar la plantilla. Si no sabes como o donde se modifica, revisa esta entrada: Donde editar el código HTML de nuestra plantilla.