los contadores en ocaciones hacen ver a una página mas popular o con muy buen desempeño por eso en esta ocacion les mostrare este codigo para que pongan en su pagina un contador de visitas y comentarios.
Aqui la codificacion:
<span style="font-weight:bold;">Este blog tiene</span> <script style="text/javascript">
function showpostcount(json) {
document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}</script><script src="url de tu blog/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> entradas y <script src="url de tu blog/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script> <span style="font-weight:bold;"> comentarios.Gracias!</a> </span>
Publicado (con datos todo al blog):
Este blog tiene entradas y comentarios.Gracias!
Que tal despues de ausentarme unos dias traego esta pequeña codificacion pero que talvez a muchos de ustedes les va a interesar.
¿han visto que muchas webs tienen un texto que se desplaza de un lado a otro asi como este?
bueno aqui tengo la codificación <marquee> tu texto</marquee>
si quieres editarlo un poco para que se ajuste a tu web aqui tengo unas opciones:
bgcolor = "codigo de color" Indica el color del fondo de la marquesina
direction = left / right Indica hacia que lugar se desplaza el texto, hacia la izquierda (left) o hacia la derecha
(right)
height = num o % Indica la altura de la marquesina en puntos o porcentaje en función de la ventana del navegador
width = num o % Indica la anchura de la marquesina en puntos o porcentaje en función de la ventana del navegador.
Ejemplo terminado:
*codificacion:
<marquee bgcolor="#3308C2" direction=right height=10% width=20%> todo al blog </marquee>
*publicado:
Que tal gente en esta ocacion explicare algo muy básico pero que no todos sabemos
¿Como hacer un hipervinulos nosotros mismos? y saber editarlo...
Que tal, el día hoy muy temprano andaba buscando la forma de poner post relacionados debajo de un post usando codificación y si lo encontre pero para mi sorpresa es muy tedioso y probablemente muchos se revuelvan así que seguí buscando y recordé una página que hace exactamente lo mismo pero solo que esta la agregas como un gadget, la pagina se llama linkwithin
Banner es lo que mejor conocemos como publicidad por Internet, consiste en atraer visitas a un sitio poniendo una imagen o un texto para atraer a los usuarios.
Los banners son creados a partir de imágenes (gif o jpeg), o también animaciones creadas por tecnologías como Java, adobe shockwave y flash, esto para hacerla mas llamativa.
El tamaño clásico de un banner es de 468 x 60 (Ver ejemplo)
Otros ejemplos de tamaño:
120 x 120 - (ver ejemplo clic AQUÍ )
600 x 120 -(ver ejemplo clic AQUÍ )
120 x 60 - (ver ejemplo clic AQUÍ )
Consejos:
*Procura poner una frase para que las personas que vean el banner se sientan atraídas a él,
no solo se trata de mostrar tu "marca" o "logo".
*si haces una animación procura no saturar mucho en imágenes/tiempo por que puede afectar el peso del archivo y eso hace mas lenta la pagina.
*si eres nuevo en esto y quieres un lugar donde poner tu banner, pregunta a otras webs si puedes hacer un intercambio de banners esto puede resultar muy bueno por que es una ayuda para ambas partes.
1 Ingresamos a ésta pagina http://www.html-kit.com/favicon/
subimos la imagen que vamos a querer de favicon y editamos las con las opciones que te da la página.
Despues de eso descargamos el paquete con los 2 favicons el estatico y el animado
2 Ya descargados tenemos que subirlos a algun sitio y que mejor que a http://img1.imageshack.us//
localizamos el codigo Url que te da al subirlo.
3 Nos metemos a Diseño> Edición de HTML y en la codificacion buscamos esta linea o codigo
<title><data:blog.pagetitle><title>
y despues de estalinea pegamos el siguiente codigo:
<link href='http://tufavicon.png' rel='shortcut icon' type='image/x-icon'/>
<link href='http://tufavicon.png' rel='icon' type='image/png'/>
Guardamos la plantilla y listo
En esta ocacion mostrare como poner un pequeño banner y un cuadro de texto con el codigo para que te puedan enlazar en otras webs
Primer paso: Crear el banner
puedes crearlo tu mismo con ayuda de programas como photoshop o fireworks este ultimo es mas amigable en su diseño o puedes buscar una pagina que te ayude a crear uno
*Si creaste tu banner sugiero subirlo a imageshack.us porque vas a necesitar la url
Segundo paso: añadirla al blog
para eso tenemos que ir a Diseño> Elementos de la página y agregaremos un Widget HTML/Javascript en la parte donde queremos el banner.
Tercer paso: pegar el codigo
ya que agregamos el widget dentro agregamos estos dos codigos
Codigo 1
<a href="http://TUBLOG.blogspot.com"><img src="URL de tu banner"/></a><p>
Codigo 2
<h2 class="sidebar-title">Código para enlazarme</h2>
<textarea rows="3" cols="25" class="code" wrap="off"><a href="http://TUBLOG.blogspot.com " target="_blank">
<img src="URL de tu banner"/></a></textarea><p></p>
puedes cambiar los valores de rows y cols
*rows es para hacerlo mas largo
*cols es para hacerlo mas ancho
guardamos y listo
Aqui la muestra de como queda
En ocaciones el gadget que te ofrece blogger deja de funcionar pero eso en esta ocacion les muestro este gadget.
Instrucciones
*copias el codigo
*vas a Diseño > Elementos de la pagina
*creas un nuevo gadget (en el lugar donde quieres ubicarlo)
*seleccionas HTML/Javascript
*pegas el codigo
*guardas los cambios y listo
Este es el codigo:
<!-- Script de los comentarios recientes -->
<script type="text/javascript">
function showrecentcomments(json) {
for(var i=0; i < a_rc; i++) {
var b_rc=json.feed.entry[i];var c_rc;
if(i==json.feed.entry.length)break;
for(var k=0; k < b_rc.link.length; k++) {
if(b_rc.link[k].rel=='alternate') {
c_rc=b_rc.link[k].href;break;
}
}
c_rc=c_rc.replace("#","#comment-");
var d_rc=c_rc.split("#");
d_rc=d_rc[0];
var e_rc=d_rc.split("/");
e_rc=e_rc[5];
e_rc=e_rc.split(".html");
e_rc=e_rc[0];
var f_rc=e_rc.replace(/-/g," ");
f_rc=f_rc.link(d_rc);
var g_rc=b_rc.published.$t;
var h_rc=g_rc.substring(0,4);
var i_rc=g_rc.substring(5,7);
var j_rc=g_rc.substring(8,10);
var k_rc=new Array();
k_rc[1]="Ene"; k_rc[2]="Feb"; k_rc[3]="Mar"; k_rc[4]="Abr";
k_rc[5]="May"; k_rc[6]="Jun"; k_rc[7]="Jul"; k_rc[8]="Ago";
k_rc[9]="Sep"; k_rc[10]="Oct"; k_rc[11]="Nov"; k_rc[12]="Dic";
if("content" in b_rc){
var l_rc=b_rc.content.$t;
} else if("summary" in b_rc) {
var l_rc=b_rc.summary.$t;
} else var l_rc="";
var re=/<\S[^>]*>/g;
l_rc=l_rc.replace(re,"");
if(m_rc==true)document.write(k_rc[parseInt(i_rc,10)]+' '+j_rc+' ');
document.write('<li><b>' + b_rc.author[0].name.$t + '</b>');
if(n_rc==true)document.write(f_rc);
document.write(':<br/>');
document.write('<a href="' + c_rc + '">');
if(l_rc.length < o_rc) {
document.write(l_rc);
} else {
l_rc=l_rc.substring(0,o_rc);
var p_rc=l_rc.lastIndexOf(" ");
l_rc=l_rc.substring(0,p_rc);
document.write(l_rc+'…');
}
document.write('</a></li>');
}
}
</script>
<script type="text/javascript">
var a_rc=6;
var m_rc=false;
var n_rc=false;
var o_rc=60;
</script>
<script src="http://TUBLOG.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
<!-- Fin del script de los comentarios recientes -->
donde dice TUBLOG tienes que poner la dirección de tu blog.
var a_rc=6; controla la cantidad de comentarios recientes a mostrar. Se debe modificar el número 6.
var o_rc=60; controla la cantidad de carácteres que habrá en cada comentario reciente. Se debe modificar el número 60
Fuente: google support