Font size selezionabile per accessibilità nella piattaforma blogger

Font size selezionabile per accessibilità nella piattaforma blogger

Ecco questo meraviglioso plug in per poter scegliere la grandezza del testo nei nostri posts..Per prima cosa create un nuovo modulo html nel vostro layout copiate ed incollate il seguente codice...
1 passo

<script type="text/javascript">

function getElementsByName_iefix(tag, name) {

var elem = document.getElementsByTagName(tag);

var arr = new Array();

for(i = 0,iarr = 0; i < elem.length; i++) {

att = elem[i].getAttribute("name");

if(att == name) {

arr[iarr] = elem[i];

iarr++;

}

}

return arr;

}


function doZoom(size)

{

var zooms = getElementsByName_iefix("span", "zoom")

for (var i = 0; i < zooms.length; i++) {

zooms[i].style.fontSize = size+'px';

}

}

</script>


<div id="Zoom" align="center">

<a href="javascript:doZoom(16)" title="Large Font Size - 大型字體(16px)"><img alt="Large Font Size" src="http://bloggerhacks.googlecode.com/files/FontSizePlus.gif"/></a> <a href="javascript:doZoom(13)" title="Default Font Size - 中型字體(13px)"><img alt="Default Font Size" src="http://bloggerhacks.googlecode.com/files/FontSizeOrigin.gif"/></a> <a href="javascript:doZoom(12)" title="Small Font Size - 小型字體(12px)"><img alt="Large Font Size" src="http://bloggerhacks.googlecode.com/files/FontSizeMinus.gif"/></a></div>







Per questo plugin conviene inserire tutto il codice anche quello javascript che di solito si inserisce nella sezione head in un modulo html perchè a me dava problemi..voi provate in caso se volete ad inserire il codice javascript nella sezione head e il restante per i pulsanti delle A nel modulo html..

2pass
andare nel layout modifica html espandi widget e trovate la parte relativ a al testo dei posts

<p><data:post.body/></p>

e sostituitela con

<span name='zoom'><p><data:post.body/></p></span>

Dovrebbe funzionare..fatemi sapere..
Share This

Nessun commento:

Posta un commento

Seguici su

Google+ Followers

Lettori fissi

Designed By Blogger Templates