15/9/12

Cabecera del blog en flash

Me han preguntado mucho cómo poner la cabecera del blog en flash como en el blog de wallpapers gratis.

Primero debes tener ya creada la cabecera en flash en formato .swf y alojada en un hosting, esta debe tener el ancho que tiene tu actual cabecera.

Para plantillas antiguas originales de Blogger

Entra a Diseño | Edición de HTML, busca este código y cambia el tamaño del height a 0px:
#header {
width : 960px;
margin : 0 auto;
height : 300px;
padding : 0;
}

Abajo de este código pega esto y cambia lo que se indica:
#header-flash {
margin: 0;
padding: 0;
position: relative;
height: 260px; /* cambia este valor por la altura de tu cabecera en flash */
}

Más abajo busca esta etiqueta:
<div id='header-wrapper'>

Y abajo de ella pega esto:
<div id='header-flash'><center><object width="960" height="260"><param name="movie" value="URL del archivo en flash" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="wmode" value="transparent" /><embed src="URL del archivo en flash" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="960" height="260" wmode="transparent"></embed></object></center></div>

Ya sólo cambia la URL del archivo en flash por el enlace donde lo tengas alojado y modifica el ancho (width) y alto (height) del archivo.
Dale vista previa y si todo está bien guarda los cambios.


Para plantillas hechas con el Diseñador de Plantillas de Blogger

Busca esta línea:
.Header h1 {
Justo arriba de ella agrega esto:
.Header h1 {display:none;}
#header-flash {
margin: 0;
padding: 0;
position: relative;
height: 260px; /* cambia este valor por la altura de tu cabecera en flash */
}

Luego busca esta otra línea:
<div class='region-inner header-inner'>
Y debajo de ella agrega este código:
<div id='header-flash'><center><object width="960" height="260"><param name="movie" value="URL del archivo en flash" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="wmode" value="transparent" /><embed src="URL del archivo en flash" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="960" height="260" wmode="transparent"></embed></object></center></div>
De igual forma cambia la URL del archivo en flash por el enlace donde lo tengas alojada tu cabecera en flash y modifica el ancho (width) y alto (height) del archivo.

Con esos simples pasos tendrás una cabecera animada en flash dentro de tu blog.

Fuente: Ciudadblogger

10/9/12

Insertar lápiz de edicion rápida

Quizas muchos les haya pasado que cuando cambian la plantilla de su blog la nueva plantilla no viene con el famoso lapiz de edicion rapida o simplemente de un momento a otro se les desaparece el icono del lapiz que aunque no es indispensable si es muy util ya que se hace bastante tedioso editar una entrada desde el escritorio de Blogger.
Para agregar esta funcion de Blogger vamos a Diseño,edicion HTML,Expandir plantillas de artilugio y buscas lo siguiente:
<h3 class='post-title entry-title'>
Debajo de lo anterior pega lo siguiente:
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</b:if>
</span>
Por ultimo solo guardas los cambios y listo.

Importante:

* Es necesario guardar los cambios ya que en previsualización no se mostrarán.