yuyodesign: Blogger

Mostrando entradas con la etiqueta Blogger. Mostrar todas las entradas

Quitar Suscribirse a: Entradas (Atom) del blog

En algunas plantillas aparece Suscribirse a: Entradas (Atom) y para poder eliminarlo tenemos que buscar este código:

.feed-links {
clear: both;
line-height: 2.5em;
}

y lo sustituimos por este otro:

.feed-links {
clear: both;
line-height: 2.5em;
visibility:hidden;
display:none;
}

Nota: Si no encontramos el primer código, no importa, con pegar este último es suficiente.

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.

Comentarios en Entrada incrustada a continuación

En algunas plantillas modificadas no se pueden poner los comentarios como entrada incrustada a continuación, disponible en blogger hace poco. Para poder hacerlo tenemos que ir a Diseño > Edición de HTML > y buscar:

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

y sustituirlo por:

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

Cuadro de enlaces a redes sociales

Para poder poner botones de envío rápido a redes sociales, tendremos que ir a Diseño > Edición de HTML > buscar en el código:

/* Comments

y pegar encima este fragmento:

/* CSS para redes sociales
----------------------------------------------- */

.rsociales ul {
font-size: 100%;
display:inline;
margin:0pt !important;
padding:0pt !important;
}
.rsociales li {
background:transparent none repeat scroll 0%;
display:inline;
list-style-type:none;
margin:0pt;
padding:2px;
}
.rsociales img {
border:0pt none;
float:none;
margin:0pt;
padding:0pt;
}
.rsociales-sobre {
opacity:0.4;
}
.rsociales-sobre:hover {
opacity:1;
}

Como cambiar el favicon de Blogger

Para poder cambiarlo vamos a Diseño > Edición de HTML y buscamos este fragmento:

]]></b:skin>
</head>

Pegamos el código rojo en medio:

]]></b:skin>
<link href='http://img384.imageshack.us/img384/2662/bazulur1.png' rel='shortcut icon' type='image/x-icon'/>
</head>

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:

<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:

<b:section class='sidebar' id='sidebar' preferred='yes'>

Y pegamos este código a continuación:

<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>

Páginas