TodoDj Mp3 Producciones y Mucho Más.....
http://tododjmp3produccionesmatrixdiscplay.blogspot.com/COMO INSERTAR LINWITHIN EN NUESTRO BLOG
Sección : Tutoriales .
Hoy explicaré como poner Linkwithin sin que nos dé
el típico error de blogger diciendo que nos hemos dejado un área en blanco.
Cosas que pasan con gadgets de terceros.
Linkwithin es una estupenda herramienta para generar tráfico en
nuestro blog, muestra otras entradas relacionadas de nuestro blog.
Para implementarlo en nuestro blog iremos
a http://www.linkwithin.com/learn
✿Encontraremos esto:
1_En
Email : Pondremos nuestro correo electrónico
2_Blog
Link : La dirección de nuestro blog
3_Plataforma Otro : Elegiremos(para el error de blogger)
4_Width : La cantidad de pots enlazados que queremos que nos salga. esto dependera tu elección según el ancho de tus entradas, puedes escoger hasta 5 esta bien.
" My blog has light text on a dark background ", que deberás seleccionarla si el texto de tu blog es claro y el fondo oscuro.
Copiamos el código que nos da y vamos a nuestro blog,
entramos en Diseño y añadimos un widget HTML/Javascript.
Pegamos el código que nos han dado y
guardamos.
Luego arrastramos el widgeth allí donde
queramos que se vea, normalmente debajo de la entrada. Como lo tengo yo.
Foto
Guardamos disposición y listo!
A veces linkwithin tarda entre 2 y tres días
en aparecer, necesita indexar todo el contenido de tu blog, ten paciencia,
aparecerá.
Una vez puesto el widget, vemos que aparece la frasecita de "Quizás también le interese", para cambiarla nos iremos a Diseño y Editar HTML de nuestra plantilla.
Una vez allí buscaremos esto : <head> y justo debajo pegaremos el siguiente código:
<script> linkwithin_text=' Escribe aquí tu mensaje personalizado '</script>Es así de sencillo, guardáis y comprobáis Si no os funciona ese código, poned este otro, yo lo tengo así y me funciona:<script> linkwithin_text= "Aquí tu texto";</script> Sin cambiar nada más que el texto que está resaltado en azul!
Personaliza Linkwithin como más te guste
Como ya sabéis bastantes cosas sobre el código Css y este post ya es bastante largo así que no voy a dar muchas explicaciones porque al lado de cada linea de código ya he puesto una explicación. Abrís la plantilla de vuestro blog, abrís el artilugio del código Css y lo pegáis donde queráis.
Si no sabéis donde pegarlo porque no sabéis nada de Css buscad ]]></b:skin> y lo pegáis justo ENCIMA.
Podéis dejarla y pegarlo todo tal cual, no influirá en el resultado.
aquí lo tenéis:
/ * LinkWithin Personalizado
---------------------------------------------- - * /
{linkwithin_div.
fondo: # FFFFFF; / * Color de Fondo del adminículo * /
padding: 0 0px;
font-weight: normal, importante;!
}
{linkwithin_text.
font-size: 13px; / * Tamano del título del gadget de * /
color: # 84379C; / * Color del título del gadget de * /
! font-weight: normal, importante;
}
a # linkwithin_logolink_0, un # linkwithin_logolink_1, un # linkwithin_logolink_2, un # linkwithin_logolink_3, un # linkwithin_logolink_4, un # linkwithin_logolink_5, un # linkwithin_logolink_6, un # linkwithin_logolink_7, a # linkwithin_logolink_8, un # linkwithin_logolink_9, un # linkwithin_logolink_10, un # linkwithin_logolink_11, un # linkwithin_logolink_12, un # linkwithin_logolink_13, un # linkwithin_logolink_14, un # linkwithin_logolink_15, un # linkwithin_logolink_16, un # linkwithin_logolink_17, un # linkwithin_logolink_18, un # linkwithin_logolink_19, un # linkwithin_logolink_20 {
display: none; / * Con ESTO quitamos el enlace de linkwithin Que se ve * /
}
{linkwithin_posts.
. linkwithin_posts a {
frontera: 0 importante;
padding-right: 10px importante;
}
. linkwithin_posts a: hover {
background: # E5D3DF importante;! / * Color de Fondo al Pasar el cursor porción Encima * /
-webkit-border-radius: 10px importante;
-moz-border-radius: 10px;
border-radius: 10px;
}
. div linkwithin_img_0, div.linkwithin_img_0,
. linkwithin_img_1 div, div.linkwithin_img_1,
. div linkwithin_img_2, div.linkwithin_img_2,
. div linkwithin_img_3, div.linkwithin_img_3,
. div linkwithin_img_4, div.linkwithin_img_4,
. div linkwithin_img_5, div.linkwithin_img_5,
. div linkwithin_img_6, div.linkwithin_img_6,
. div linkwithin_img_7, div.linkwithin_img_7,
. div linkwithin_img_8, div.linkwithin_img_8,
. div linkwithin_img_9, div.linkwithin_img_9,
. div linkwithin_img_10, div.linkwithin_img_10,
. div linkwithin_img_11, div.linkwithin_img_11,
. div linkwithin_img_12, div.linkwithin_img_12,
. div linkwithin_img_13, div. linkwithin_img_13,
. div linkwithin_img_14, div.linkwithin_img_14,
. div linkwithin_img_15, div.linkwithin_img_15,
. div linkwithin_img_16, div.linkwithin_img_16,
. div linkwithin_img_17, div.linkwithin_img_17,
. div linkwithin_img_18, div.linkwithin_img_18,
. div linkwithin_img_19, div.linkwithin_img_19,
. div linkwithin_img_20, div.linkwithin_img_20 {
-webkit-border-radius: 10px importante; / * Bordes Redondeados * /
-moz-border-radius: 10px;
border-radius: 10px;
fronteriza: 0 importante;
}
. linkwithin_title {
color:! # 222121 importantes; / * Color de los Títulos de el los cuadritos * /
font-family: Delius importante; / * Tipo de fuente de los Títulos de el los cuadritos * /
font-size: 13px importante;! / * Tamano de los Títulos de el los cuadritos * /
line-height: 14px importante;!
text-align: center;
text-decoration: none;
}
linkwithin_title:. hover {
color:! # 222121 importantes; / * Color de los Títulos al Pasar el cursor porción Encima * /
font-weight: ninguna importancia;
}
--------------------------- ------------------- * /
---------------------------------------------- - * /
{linkwithin_div.
fondo: # FFFFFF; / * Color de Fondo del adminículo * /
padding: 0 0px;
font-weight: normal, importante;!
}
{linkwithin_text.
font-size: 13px; / * Tamano del título del gadget de * /
color: # 84379C; / * Color del título del gadget de * /
! font-weight: normal, importante;
}
a # linkwithin_logolink_0, un # linkwithin_logolink_1, un # linkwithin_logolink_2, un # linkwithin_logolink_3, un # linkwithin_logolink_4, un # linkwithin_logolink_5, un # linkwithin_logolink_6, un # linkwithin_logolink_7, a # linkwithin_logolink_8, un # linkwithin_logolink_9, un # linkwithin_logolink_10, un # linkwithin_logolink_11, un # linkwithin_logolink_12, un # linkwithin_logolink_13, un # linkwithin_logolink_14, un # linkwithin_logolink_15, un # linkwithin_logolink_16, un # linkwithin_logolink_17, un # linkwithin_logolink_18, un # linkwithin_logolink_19, un # linkwithin_logolink_20 {
display: none; / * Con ESTO quitamos el enlace de linkwithin Que se ve * /
}
{linkwithin_posts.
ancho: 500px importante;! / * Ancho del aparato linkwithin * /
} . linkwithin_posts a {
frontera: 0 importante;
padding-right: 10px importante;
}
. linkwithin_posts a: hover {
background: # E5D3DF importante;! / * Color de Fondo al Pasar el cursor porción Encima * /
-webkit-border-radius: 10px importante;
-moz-border-radius: 10px;
border-radius: 10px;
}
. div linkwithin_img_0, div.linkwithin_img_0,
. linkwithin_img_1 div, div.linkwithin_img_1,
. div linkwithin_img_2, div.linkwithin_img_2,
. div linkwithin_img_3, div.linkwithin_img_3,
. div linkwithin_img_4, div.linkwithin_img_4,
. div linkwithin_img_5, div.linkwithin_img_5,
. div linkwithin_img_6, div.linkwithin_img_6,
. div linkwithin_img_7, div.linkwithin_img_7,
. div linkwithin_img_8, div.linkwithin_img_8,
. div linkwithin_img_9, div.linkwithin_img_9,
. div linkwithin_img_10, div.linkwithin_img_10,
. div linkwithin_img_11, div.linkwithin_img_11,
. div linkwithin_img_12, div.linkwithin_img_12,
. div linkwithin_img_13, div. linkwithin_img_13,
. div linkwithin_img_14, div.linkwithin_img_14,
. div linkwithin_img_15, div.linkwithin_img_15,
. div linkwithin_img_16, div.linkwithin_img_16,
. div linkwithin_img_17, div.linkwithin_img_17,
. div linkwithin_img_18, div.linkwithin_img_18,
. div linkwithin_img_19, div.linkwithin_img_19,
. div linkwithin_img_20, div.linkwithin_img_20 {
-webkit-border-radius: 10px importante; / * Bordes Redondeados * /
-moz-border-radius: 10px;
border-radius: 10px;
fronteriza: 0 importante;
}
. linkwithin_title {
color:! # 222121 importantes; / * Color de los Títulos de el los cuadritos * /
font-family: Delius importante; / * Tipo de fuente de los Títulos de el los cuadritos * /
font-size: 13px importante;! / * Tamano de los Títulos de el los cuadritos * /
line-height: 14px importante;!
text-align: center;
text-decoration: none;
}
linkwithin_title:. hover {
color:! # 222121 importantes; / * Color de los Títulos al Pasar el cursor porción Encima * /
font-weight: ninguna importancia;
}
--------------------------- ------------------- * /
FUENTE :
Fuente: http://lireth.blogspot.com/
Por : Dj. German
