Mostrando entradas con la etiqueta Design. Mostrar todas las entradas
Mostrando entradas con la etiqueta Design. Mostrar todas las entradas
Como poner imágenes con función Ir Arriba
Para tener imágenes en la parte inferior de nuestro blog con función Ir Arriba tendremos que buscar en Diseño > Edición HTML > </body> y pegar justo encima el siguiente código:
<a href='#outer-wrapper' onclick='new Effect.ScrollTo("outer-wrapper",{offset:-140}); return false'><img alt='ir arriba' border='0' src='http://img186.imageshack.us/img186/6405/pruebammmxv9.png' style='position:fixed; bottom:0; right:0;'/></a>
<script src="http://www.blogger.com/widgets/3280415284-widgets.js" type="text/javascript"><br /><script type="'text/javascript'/"></script>
* url de la imágen a mostrar.
Poner una imagen sobre el título del Blog
En blogger existe la opción de poder poner una imagen para sustituir al titulo del blog. En mi caso, esta plantilla no me dejaba poner una imagen de cabecera y he tenido que revisar el código para poder hacerlo.
Vamos a Diseño > Edición de HTML > Expandir plantillas de artilugios y buscamos:
Vamos a Diseño > Edición de HTML > Expandir plantillas de artilugios y buscamos:
<div id='header'>
<div id='title'>
<b:section id='headersection' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='yuyodesign (cabecera)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='main'>
<h1><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>
</b:includable>
</b:widget>
</b:section>
</div>
Nube de Tags móvil
Este widget sólo estaba disponible para WordPress pero gracias a Blogger Buster podemos incluirlo en nuestro blogger.
Vamos a Diseño > Edición de HTML y buscamos este fragmento de código:
Y pegamos este código a continuación:
Vamos a Diseño > Edición de HTML y buscamos este fragmento de código:
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> Design by <a href='http://muxoyuyo.blogspot.com'>muxoyuyo</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "165", "200", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Suscribirse a:
Entradas (Atom)