Ebates Coupons and Cash Back

Translate

Powered by Blogger.

Cómo crear cuatro columnas Widget de Blogger?


Por defecto las plantillas de Blogger y la mayoría de los webmasters en línea disponibles gratis plantillas de Blogger no encontrará cuatro widgets de columna. En casos muy raros se encuentra este tipo de widgets, pero para esta búsqueda en línea es perder el tiempo. Aquí BlogTariff encuentra manera de resolver el problema de agregar cuatro columnas para las widget de blogger. Este widget está básicamente asociado con CSS y efecto Hover. Después de añadir este widget a blogger puede atraer a los lectores / visitantes a encontrar otros webmasters categorías en el blog / sitio web. Condimentar plantilla del blog es la mejor idea para captar más tráfico en línea mediante la atracción de visitantes / lectores. En este tutorial webmasters no tienen que preocuparse por ningún tipo de errores se le perfectamente dirigidos a conseguir el éxito en la creación de cuatro widget de columnas.Vamos a comenzar el tutorial para crear widget de cuatro columnas.


Cómo crear cuatro columnas para Widget Blogger?

Accede a tu cuenta blogger 
Haga clic en "Editar HTML" ficha enlace 
(Antes de hacer ejecutar plantilla de copia de seguridad si algo sale mal se puede reutilizar de nuevo) 
Marque en "Expand Widget Tempates" cuadro de 
búsqueda para el código
]]> </ B: skin>
  • Después de encontrar el código copia el siguiente código y pegarlo arriba para
# Footer-wrapper {clear: both; width: 100%; altura: 4px; fondo: # CF4227;}
# {inferior
margin: auto;
padding: 0px 0px 10px 0px;
width: 100%;
fondo: # 333333;
}
# bajo-wrapper {
background: # 333333;
margin: auto;
padding: 0px 20px 20px 0px;
ancho: 960px;
border: 0;
}
# lowerbar-wrapper {
background: # 333333;
float: left;
margen: 0px auto 5px;
relleno -bottom: 20px;
anchura: 23%;
text-align: justify;
color: # ddd;
fuente: Arial negrita 12px, Tahoma, Verdana;
line-height: 1.6em;
word-wrap: break-word;
overflow: hidden;
}
lowerbar {margin: 0; padding:. 0;}
.. lowerbar Widget {margin: 0; padding: 0px 10px 20px 20px;}
. lowerbar h2 {
margen: 10px 0px 0px 0px;
padding: 3px 0px 3px 0px;
texto align: left;
border: 0;
color: # ddd;
text-transform: mayúsculas,
tipo de letra: Arial negrita 14px, Tahoma, Verdana;
}
. lowerbar ul {
color: # fff;
margin: 0 auto;
padding: 0;
list- style-type: none;
}
lowerbar li {.
display: block;
color: # fff;
line-height: 1.6em;
margin-left: 0 importante;
padding: 6px;
border-bottom: 1px solid # 222;
fronteriza top: 1px solid # 444;
list-style-type: none;
}
lowerbar li a {.
text-decoration: none; color: # DBDBDB;
}
. lowerbar li a: hover {
text-decoration: underline;
}
. lowerbar li : hover {
display: block;
fondo: # 222;
}
  • Tras el éxito de añadir el código de arriba ahora buscar el código
</ Body>
  • Después de encontrar el código copia el siguiente código y pegarlo arriba para
<div id='footer-wrapper'>
<div style='clear:both;'/>
      </ div>
<div id='lower'>
<div id='lower-wrapper'> <div id = "lowerbar -wrapper '> <b:section class='lowerbar' id='Column 1 'preferred='yes'> </ b: section> </ div> <div id='lowerbar-wrapper'> <b: clase de sección = 'lowerbar' id = 'Columna 2 "preferida =' yes '> </ b: section> </ div> <div id='lowerbar-wrapper'> <b: class section = 'lowerbar' id = 'Columna 3 "preferida = 'yes'> </ b: section> </ div><div id='lowerbar-wrapper'> <b:section class='lowerbar' id='Column 4 'preferred='yes'> </ b: section> </ div> <div style='clear: both;'/> </ div> </ div>





















Tras el éxito de pegar el código de arriba ahora, " guardar la plantilla ". 
Eso es lo que has hecho, 
Ir a la ficha "Elementos de página" enlace allí encontrarás cuatro columnas Widget para tu blog.

0 comments:

Post a Comment