En Diseño - Edición Html, localizamos el código del elemento "Etiquetas" sin expandir la plantilla de artilugios:
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'>
Sustituimos esa línea por este código:
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'>
<b:includable id='main'>
<script type='text/javascript'>
//<![CDATA[
if(typeof(rnd) == 'undefined') var rnd = '';
rnd = Math.floor(Math.random()*1000);
rnd = 'id-' + rnd;
document.write('<a href="#" onclick="tmp = document.getElementById("' + rnd + '"); tmp.style.display = (tmp.style.display == "none") ? "block" : "none"; return false;" style="float:left;margin-right:5px;">');
//]]>
</script> <img src=" AQUI URL DE LA IMAGEN "/>
<script type='text/javascript'>
//<![CDATA[
document.write('</a>');
//]]>
</script>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script type='text/javascript'>
//<![CDATA[
document.write('<div id="' + rnd + '" style="display:none;">');
//]]>
</script>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
</li>
</b:loop>
</ul>
<script type='text/javascript'>
//<![CDATA[
document.write('</div>');
//]]>
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
sábado, 9 de octubre de 2010
viernes, 29 de enero de 2010
He estado 5 días sin poder entrar en mi blog por culpa de blogger, al ir a entrar en mi blog me salía un código raro de error y no podía entrar nada más que en los blogs que tenía otro administrador. Os lo comunico por si os pasa a alguno yo en vista de lo que me ha pasado me hecho doble administradora en todos los blogs para que no me vuelva a pasar menos mal que tenía programadas entradas.
Os digo como podeis programar entradas en la parte de abajo cuando editas una entrada pinchas en opciones de entrada y os saldra esto.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivNK1iGNGgBrmg6zWIDX0ruYZGhpaY7daKllhaJRW7DymDuej7fI315Nogkrokrmpczok6BtbSjgnKg7gt-UM6svK3rZQDOcs0taR9b3z754-NH-9alAIQfUnqSpFfMEt3-ESukeLDQRMS/s400/1.bmp)
En fecha y hora hay podeis cambiar la fecha y le dais a publicar y se os publicara el dia que le habeis puesto.
Os digo como podeis programar entradas en la parte de abajo cuando editas una entrada pinchas en opciones de entrada y os saldra esto.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivNK1iGNGgBrmg6zWIDX0ruYZGhpaY7daKllhaJRW7DymDuej7fI315Nogkrokrmpczok6BtbSjgnKg7gt-UM6svK3rZQDOcs0taR9b3z754-NH-9alAIQfUnqSpFfMEt3-ESukeLDQRMS/s400/1.bmp)
En fecha y hora hay podeis cambiar la fecha y le dais a publicar y se os publicara el dia que le habeis puesto.
jueves, 14 de enero de 2010
Como añadir una Menu bar al blog
Como añadir la MENU BAR al blog
1º ir a configuracion
2º publicacion
3º Plantilla clasica
Os saldra la plantilla y hacemos control + F para asi poder buscar dentro de la plantilla y buscamos
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwYSo-2V5Hta2flH61o4ITyXR178iVu5a8TKQ2jQ6Pvr3VG78WpsTFsK-EF47cYYm_mttRoQWWtWWyyeQ_G794SdF4I4HWk5zHQfSzcfbtOSsunlUHnPbDvGZPIcNV-EwOF45hE44bhTXV/s400/1.bmp)
Debajo de ese codigo pegamos esto
<b:section class='menubar' id='menubar' maxwidgets='1' showaddelement='yes'>
#<b:widget id='LinkList2' locked='true' title='Menubar' type='LinkList'/>
</b:section>
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3bHBWblRcksvtl5M2uJ2xSPZ3CUwsjWxM7OJy5ybfUXj5BaofmwsjbNTHHHwcqU5bFCZAicV5THG9lyesRgKzYM28iCJ0inevw6pxKZVHZgKNLvRJPQCNbYJ-0qX1HeozxL_nppP7fzTd/s400/2.bmp)
En la css antes de ]]>
Colocamos esto
menubar h2 {display:none;}
#ul {
list-style: none;
}
#menubar li {
float: left;
}
#menubar a:link ,#menubar a:visited, #>menubar a:hover {
padding: 5px;
display: block;
color: #003399;
}
#menubar a:hover {
background-color: #CC3300;
}
Le dais a vista previa y si todo sale bien le dais a guardar y vais ha diseño y vereis que hay esta
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPt6IXYN0SSpBnB1TviwzHi4hEDtY24jAIG27hOmBRjtENVAfKDdZHk8k9374evaegLUGtBPIP7W4uVKCZrAncOf-fwReDpgKH0ZqH6yozeVgHNzm-xCZdHhGJBU44yoxwEURZ9FYBn4Nb/s400/5.bmp)
1º ir a configuracion
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBMn5F-CC-el7DHnrRC4qwFUl0fuOsIrmL5MZlq_T1IQEg20MXaJip3Vhvm4ZrYQL9Myy1ZBlQGxVzOa5eBz6jJUACKEZlkILW6GUtKSBVle4h5_JpmF8MMmhDY8rkZY0ABha7XzbsTYK3/s400/1.bmp)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO5eIy5akuMxZeu2atyzjpdccaaVFsJd2Xq_EgHBUPDoPjaYRUD5743UnLVSZxV_xpzcVlKCBYYD71qj6qeMFvK4BjBOhJ47TF6zLsLC4hxNA0T3fLDTc9uGP5qZS7izH3HrrYkTpHfUbn/s400/2.bmp)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE-t5ZhZQMfAawsIjQ8E3Zx1JFparoBhyA1AO62k0ZedyPoG0DxqXXdftoAGntJT_y_J3M0TQPc34SzSRNjTOQULIp_QWpG6mT81lQRv-DDOK1Ekl1G5zfC5TB8evLZiLVylyCiuoUJTps/s400/3.bmp)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwYSo-2V5Hta2flH61o4ITyXR178iVu5a8TKQ2jQ6Pvr3VG78WpsTFsK-EF47cYYm_mttRoQWWtWWyyeQ_G794SdF4I4HWk5zHQfSzcfbtOSsunlUHnPbDvGZPIcNV-EwOF45hE44bhTXV/s400/1.bmp)
Debajo de ese codigo pegamos esto
<b:section class='menubar' id='menubar' maxwidgets='1' showaddelement='yes'>
#<b:widget id='LinkList2' locked='true' title='Menubar' type='LinkList'/>
</b:section>
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3bHBWblRcksvtl5M2uJ2xSPZ3CUwsjWxM7OJy5ybfUXj5BaofmwsjbNTHHHwcqU5bFCZAicV5THG9lyesRgKzYM28iCJ0inevw6pxKZVHZgKNLvRJPQCNbYJ-0qX1HeozxL_nppP7fzTd/s400/2.bmp)
En la css antes de ]]>
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiswn-9Ipv_KY6mGmZ3nUOUSjhd_M7MfVaVgOMDBzDJOaTNW2nxI1IYEJShDWR8FWvk6I2ZE3Hjg4uZ75WC3euWY_hEDI_HeUW4kX-_cCnnbEs8typso2fxk9J4J2xqlAapaImaFKgCy-R1/s400/3.bmp)
menubar h2 {display:none;}
#ul {
list-style: none;
}
#menubar li {
float: left;
}
#menubar a:link ,#menubar a:visited, #>menubar a:hover {
padding: 5px;
display: block;
color: #003399;
}
#menubar a:hover {
background-color: #CC3300;
}
Le dais a vista previa y si todo sale bien le dais a guardar y vais ha diseño y vereis que hay esta
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPt6IXYN0SSpBnB1TviwzHi4hEDtY24jAIG27hOmBRjtENVAfKDdZHk8k9374evaegLUGtBPIP7W4uVKCZrAncOf-fwReDpgKH0ZqH6yozeVgHNzm-xCZdHhGJBU44yoxwEURZ9FYBn4Nb/s400/5.bmp)
Suscribirse a:
Entradas (Atom)
Tod@s los herman@s de luz que me acompañan en este caminar gracias por vuestra luz y armonia
Todas las imágenes de este blog las he recopilado de Internet y sin yo saberlo alguna tiene Copyright rogaría me avisen y inmediatamente las quito gracias.