29 ene. 2012

Utilidad para añadir botón Favoritos en Blogger

     A veces los seguidores del blog quieren añadir nuestro blog a sus marcadores.Una forma de facilitarles esa tarea es colocar un botón de "Favoritos" en nuestro blog,para que simplemente clicando en  él pasemos a formar parte de los favoritos de nuestros lectores.Tanto si se usa Internet explorer como Firefox.


   Entramos en el blog y nos vamos a Diseño y después Añadir Gadget y elegimos HTML/Javascripts .
   Pegamos el siguiente código:

<script language="JavaScript">
function favoritos(){
if ((navigator.appName=="Microsoft Internet Explorer") && (parseInt(navigator.appVersion)>=4)) {
var url="http://TUBLOG.blogspot.com/";
var titulo="[TU TITULO]";
window.external.AddFavorite(url,titulo);
}
else {
if(navigator.appName == "Netscape")
alert ("Presione Crtl+D para agregar este Blog en sus Marcadores");
}
}
</script>
<input src="http://4.bp.blogspot.com/_0eC4K-qZ7AM/Rz92jAaSdKI/AAAAAAAAB9A/qK_mF5iUpko/s400/favoritos-gif.gif" value="Agregar a favoritos" onclick="javascript:favoritos();" type="image"/> 

  
       
    Tienes que personalizar lo que está en rojo con la dirección de tu blog.
     En TU TITULO puedes poner el título de tu blog. 
     La imagen la puedes cambiar y poner la que quieras,solamente pon la nueva dirección de la imagen donde dice input src. 
    Si todo ha ido bien guardas y sales. Colocas el gadget donde creas conveniente.
    Si estás en Firefox cuando pulses el botón te saldrá el aviso de que presiones Ctrl+D. 
    Si estás en Internet Explorer te saldrá la ventana de añadir a Favoritos,con dirección y nombre. 
     Espero que aumenten vuestras visitas y facilite a los visitantes el recordar vuestro blog.

2 ene. 2012

Numeración páginas estilo Wordpress para Blogger

    Con este recurso conseguiremos que nuestro blog presente al final de la página principal una serie de números dentro de unos cuadraditos.Con esto conseguiremos que podamos navegar através de las páginas pulsando los números.
    Es una forma más de ayudar a navegar por nuestro blog,lo que facilita moverse dentro de el .
    No tiene mucha dificultad y es idéntico al que yo presento en mi blog,para que te hagas una idea.



    Lo primero de todo es hacer una copia de seguridad.
    Entramos en blogger con nuestra contraseña.Vamos a Diseño y a Plantilla y pinchamos en editar HTML.Y buscamos este código:
       
]]></b:skin>


    Para hacerlo más fácil pulsamos Ctrl+F.Y copiamos el código en el rectágulo que nos sale.
    Una vez localizado el código en la plantilla,pegamos,justo delante de el, este código que te pongo aquí abajo:

     
/* Page Navigation styles */

.showpageNum a {

  padding: 3px 8px;

  margin:0 4px;

  text-decoration: none;

  border:1px solid #999;

  -webkit-border-radius:3px;-moz-border-radius:3px;

  background: #ddd;

  }



.showpageOf {

margin:0 8px 0 0;

}

.showpageNum a:hover {

  border:1px solid #888;

  background: #ccc;

  }



.showpagePoint {

  color:#fff;

  text-shadow:0 1px 2px #333;

  padding: 3px 8px;

  margin: 2px;

  font-weight: 700;

  -webkit-border-radius:3px;-moz-border-radius:3px;

  border:1px solid #999;

  background: #666;

  text-decoration: none;

  }



     Una vez pegado el código anterior, buscas este otro código en la plantilla:

      
</body>


     Cuando lo tengas localizado pegas delante de el este código de aquí abajo:

   
<!--Page Navigation Starts-->

<script type='text/javascript'>

var home_page="/";

var urlactivepage=location.href;

var postperpage=4;

var numshowpage=6;

var upPageWord ='Previous';

var downPageWord ='Next';

</script>

<script src='http://kangismet.googlecode.com/files/kangismet-pagenav.js' type='text/javascript'/>

<!--Page Navigation Ends -->



      Cambiando el número  que aparece en rojo en postperpage,modificamos el número de post por páginas.Y modificando el numshowpage cambiamos la cantidad de páginas mostradas por página.
     Si todo ha ido bien tendrás tu numeración de páginas estilo Wordpress lista en tu blog de Blogger.
     Espero os funcione a todos.