Como colocar el Google Analytics en una web de DotNetNuke

La forma tradicional es esta:



Y la forma simplificada para el DotNetNuke 5 website

Como Agregar el Like de Facebook en tu post de Blogger

Para revisar mejor visita el link http://www.allblogtools.com/tricks-and-hacks/add-facebook-like-button-for-blogger-blogspot-and-customize-it/

few days ago, face book surprised us by launching a lot of social plugins, one of them, actually the most popular one yet is the famous like button,

In this tutorial you’ll learn how to add it to your blogger blog.

and you’ll learn how to customize

• change the verb, like or recommend.


• change it’s color.


• change it’s font.

Step 1. adding it to your template.

The button code,

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:100px;'/>
</b:if>

where to add it ?

Log into your blogger account, then go to Layout >> Edit Html.

Before doing any thing you must check Expand Widget Templates box.

And find the next Code

<div class='post-header-line-1'/>

And after it, paste your button code

What, If you didn’t find the code above in your template, The try to find the following,

<data:post.body/>

And paste the button code Before it.

click Save Template and you are done.

Step 2. Customize your button & Demo.

in the above code you can customize 3 parts. and i’ve colored them to make it easy for you to recognize,

in the above code change the following parts,

• like this part controls the verb that appear on your button, keep it as you see or change it to recommend if you want.


• arial this part controls the font type, keep it or change it to one of the following,
  
  

  lucida+grande
  
  segoe+ui
  
  tahoma
  
  trebuchet+ms
  
  verdana
  

• light this part controls your button color theme, and you have three options, light, evil, or dark



• Update, How to make it appear on your home page.

in the button code there are two parts you’ll need to remove to make this button appear on your home page, the first line and the last line, if you still don’t under stand, please see the following parts and delete it before pasting the code to your template,

<b:if cond='data:blog.pageType == &quot;item&quot;'>

</b:if>

I wish you all like it and please leave your comments if you need any help, to see demo for it please click here.

Como Agregar el Like Box a tu Blog de Blogger

SE habran dado cuenta que el metodo de ingresar el Like Box de tu pagina en Facebook a variado un poco, y que el codigo que te da no resulta tan efectivo, asi que te recomendamos hacer el siguiente cambio en el codigo

El Problema es en "profile_id=YOUR_FACEBOOK_PAGE_ID"

Reemplazalo con "profile=1&id=YOUR_FACEBOOK_PAGE_ID"

Blogger estrena un Diseñador de Plantillas Propio

Ya era hora lo que muchos de nosotros estabamos esperando, ahora podremos diseñar o tener blogs mas profesionales diseñandolos nosotros mismos.

Para hacer la prueba de esta nueva funcion puedes hacerlo entrando por Blogger in Draft.

Como poner el Boton de Dacebook en tu blog de Blogger

Es facilisimo solo busca y configura tu codigo en:

http://www.facebook.com/facebook-widgets/share.php

LOS DNS DE GOOGLE

ARTICULO DE

Google te ayuda a navegar con sus DNS

Google estrena servidores DNS públicos. Te estarás preguntando cómo puede ayudar eso a que navegues más rápido. Cada vez que escribes una dirección en la barra del navegador -por ejemplo, Google.com- y pulsas Intro, el navegador contacta con los servidores DNS para traducir la URL a una dirección IP (en el caso de Google, 74.125.67.100).

Pues bien, sin servidores DNS rápidos y fiables, traducir las direcciones a números IP es un proceso más lento, y, por ende, navegar también lo es. En el pasado recomendamos el servicio OpenDNS, pero la entrada de Google supone una revolución: con sus conexiones, las mejores del planeta, difícilmente podría haber servicio mejor. Al menos sobre el papel. Veamos cómo configurar Windows para usar las DNS del Gran Buscador.

¿Quieres cambiarte a Google DNS? Las direcciones de los servidores DNS públicos de Google son las siguientes:

· 8.8.8.8
· 8.8.4.4

Sin duda muy fáciles de recordar. Ahora bien, ¿cómo puedes usarlas en tu equipo? Depende del sistema operativo. En la página oficial hay instrucciones para todos ellos, pero aquí te explicaremos cómo configurar las DNS de Google en Windows XP, Vista y 7.

En Windows XP

En XP, ve a Inicio > Panel de control y abre Conexiones de red: verás todas tus conexiones. Un clic derecho sobre la que uses para conectarte a Internet, uno izquierdo sobre Propiedades y se abrirá una ventana con las Propiedades de red de la conexión.

Haz doble clic sobre Protocolo Internet (TCP/IP), elige el último botón radial (Usar las siguientes direcciones de servidor DNS) e introduce 8.8.8.8 en el primer campo y 8.8.4.4 en el segundo. Pulsa Aceptar, otra vez Aceptar y… ¡ya está!

En Vista / 7

Otro metodo mas Poner barra de menú en blogger

Gracias a

COSMICA: Poner barra de menú en blogger

Este tutorialito, es para hacer una barra de menú en blogger como la mía, ya van varias veces que me preguntan cómo hacerlo, y pues aquí les va mi guía. Antes de empezar guarda un backup de tu plantilla por si algo sale mal la puedas recuperar sin problemas.

El objetivo es lograr algo como esto para tu blog:

Para empezar, tienes que tener la opción de añadir más elementos de página en la sección del header, así:

Blogger no nos lo permite por default, pero eso se resuelve fácil, vas a editar HTML de tu plantilla y buscas lo siguiente:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

Donde cambiarás maxwidgets a 2 y showaddelement a yes. Quedando así:

<b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>

Eso va a permitirnos añadir otro elemento arriba o bajo el header.

Lo que sigue es pegar un código en la plantilla para el menú. Esto lo vas a pegar antes de <head>

<style type='text/css'>
.barrademenu {
margin: 0;
padding: 0;
float: left; width: 100%;
font-family: Tahoma;
font-size:13px;
font-weight: bold;
margin-top: 0px;
border-bottom: 2px solid black;
border-top: 2px solid black;
background: #990000;
}
.barrademenu li {display: inline;}
.barrademenu li a, .solidblockmenu li a:visited {
float: left;
padding: 4px 15px;
text-decoration: none;
color: white;
border-right: 2px solid black;
outline: none;
}
.barrademenu li a:hover {
color: #ffffff;
background: #000000;
outline: none;
}
</style>

En ese código se incluye el estilo que va a tener el menú, puedes alterarle los colores si quieres que son los numeros de 6 dígitos (#000000, ver links al final del post), o usando nombres comunes de colores en inglés (white, blue, pink). Con el código así como está obtienes un menú igual al mio. Trata de jugar con los colores para crear uno que vaya con tu diseño.

Ya que pegaste el código, guardas los cambios y vas a agregar elementos de página, agregas un nuevo gadget tipo HTML/Javascript y en el vas a pegar lo siguiente:

<ul class="barrademenu">
 <li><a title="Kozmica.com" href="http://www.kozmica.com">Inicio</a></li>
 <li><a title="Informacion" href="http://www.kozmica.com">Acerca
de</a></li>

 <li><a title="Contáctame" href="http://www.kozmica.com">Contacto</a></li>
</ul>

Claro que cambias la dirección a la de tu blog. Con eso te saldrán 3 “pestañas” o espacios en el menú, para agregar una más sólo es necesario agregar otro de estos:

 <li><a title="Contáctame" href="http://www.kozmica.com">Otro menu</a></li>

¡Genial!

Si has hecho todo correctamente hasta ahora tendrás una barra de menú que se ve muy bien, sólo hay un último detalle, todos los enlaces dirigen a el inicio del blog, ¿cómo agregar las secciones?

En blogger no se puede hacer una página estática, pero podemos simular una con una entrada vieja en nuestro blog. ¿Cómo?, puedes editar entradas viejas transformándolas en el Acerca de, Contacto y demás o puedes crear una nueva entrada para cada sección y cambiarle la fecha hacia atrás para que no aparezca en la portada cuando la publiques.

La fecha la cambias clickeando en Opciones de entrada e introduces la fecha y hora que desees.

Es buena idea guardar los posts de las secciones antes de tus primeras entradas (puedes revisar la fecha que esas tienen) así cuando alguien esté navegando por tu blog no se topará con los post del menú entre el contenido. También puedes elegir entre permitir o no comentarios.

Ya que hayas creado tus entradas puedes empezar a añadir el acceso a ellas desde el recién agregado menú. Lo que tienes que hacer es colocar la dirección de cada post que hiciste de secciones en el código del menú. Por ejemplo, mi sección de Sobre mí así se ve el código en mi menú:

 <li><a title="Conóceme" href="http://www.kozmica.com/2008/04/sobre-m.html">Sobre mí</a></li>

Creas tantas entradas y espacios de menú como necesites.

NOTAS:


Para buscar y encontrar algo fácilmente en la plantilla usa Control+F.

Cualquier duda, cosita en la que no me haya explicado bien o no funcione me comentas aquí mismo.

Te puede servir:

Web Color Chart / Para cambiar los colores del menú, no olvides el # antes de el código del color.

HTML color codes / Otra web con códigos de color