add

Adb Fibra Plantilla Responsive para Blogger


Adb Fibra Responsive Blogger Template, una plantilla realmente sorprendente, un diseño profesional.

Adb Fibra es una plantilla libre, ¿Estás comenzando un nuevo blog de Blogger?, un nuevo proyecto de puesta en marcha o puede ser que estés personalizando tu blog a un diseño web profesional y quieres mostrar tu trabajo a todo el mundo de una forma creativa?

Adb Fibra Responsive Blogger Template es exactamente lo que estabas buscando. Se puede descargar de forma gratuita, personalizarla y usarlo como mejor lo amerite, todo el tiempo.

Adb Fibra Plantilla Responsive para Blogger

Características:

Adb Fibra Plantilla Responsive para Blogger, dispone de fondos de diseño web profesional, menú responsive, además de impresionantes animaciones, CSS3, un admirable Slideshow, con el cual se puede cambiar a las imágenes que usted gusto, también viene con su propio regulador de arranque carrusel y códigos cortos que le permite cambiar rápidamente las descripciones y temas importantes en la página principal todo ello dirigiéndose al Editor HTML de la plantilla

Adb Fibra Plantilla Responsive para Blogger es totalmente sensible “Responsive” y se ve bien en todas las resoluciones de pantallas y dispositivos móviles.

Todo lo mencionado anteriormente es equipado con los potentes estilos CSS y JS de Bootstrap.

Adb Fibra Plantilla Responsive para Blogger

A continuación, puede ver su demostración en el siguiente blog


Video Tutorial


¿Cómo se instalara la plantilla AdB Fibra?

Cuando se haya instalado la Plantilla AdB Fibra Blogger Template, tendrá que realizar los diferentes cambios en el Editor HTML de la plantilla

Todo el código que usted necesitara modificar se encuentra dentro del Editor HTML de la plantilla

En la parte de diseño no tendrá que realizar ninguna modificación a no ser que usted disponga de gadgets, los cuales tendrá que organizarlos.

Importante:

Tenga en cuenta que al descargar esta plantilla usted es el responsable de editarla y no la responsabilidad de Ayudadeblogger.com por el uso que se dé a la misma, puede leer las políticas de uso en el siguiente enlace


Empezamos

Siga las siguientes instrucciones de instalación

1.- Descargar plantilla


2.- No instale la plantilla directamente en su blog de Blogger, primero tendrá que crear un nuevo blog de Blogger como ejemplo para poder editar la información que se encuentra en la misma y cuando haya cambiado la información e  imágenes de la plantilla Adb Fibra, puede crear una copia de seguridad de la plantilla de ejemplos que creo usted y guardarla en su escritorio para luego subirla en su blog de Blogger. Espero haber sido claro en el procedimiento, si no es así, puede dejarme un mensaje.

Tutorial

Se ha divido en diez secciones para hacer las cosas más sencillas al momento de editar  y cambiar la información que se encuentra dentro de la plantilla Adb Fibra

1 Ir a Blogger

2 Un clic en “Plantilla

Adb Fibra Plantilla Responsive para Blogger

3 Un clic en “Editar HTML

Adb Fibra Plantilla Responsive para Blogger

Ahora se le abrirá el Editor HTML de su plantilla

Adb Fibra Plantilla Responsive para Blogger

En este punto deberás presionar la tecla “Control” de su teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de su editor, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor, a continuación mire la imagen la cual le muestra como debe aparecerle el buscador en el editor HTML de su plantilla y así pueda colocar el código en el buscador al momento que yo diga busca este código.

Adb Fibra Plantilla Responsive para Blogger

4 Cambiar las Imágenes del Slideshow

Adb Fibra Plantilla Responsive para Blogger

Busque el siguiente código:

<!-- Seccion 1 -->

Le mostrara un código similar al siguiente

<style>

.slide-1{background-image:url(https://2.bp.blogspot.com/-c7IP1NcBTT0/V9Rq5JBYg0I/AAAAAAAAA0Y/0D08rnruZOU1NdxwJwhjRqWz8lJggPJwQCLcB/s1600/4.jpg)}
.slide-2{background-image:url(https://2.bp.blogspot.com/-qRBrJsT5O_8/V9Rnhy66tzI/AAAAAAAAA0M/RmCHMsL3kXgvwQJyddfGDt_7lKHW9Jr6wCLcB/s1600/2.jpg)}
.slide-3{background-image:url(https://4.bp.blogspot.com/-za_XqmplJmQ/V9RnhNM-JaI/AAAAAAAAA0I/I4aKjxUisDgjrRslWhu8fY5OoO8tm9eLwCLcB/s1600/3.jpg)}

</style>


Realice los siguientes cambios:

- Las direcciones URLs que están marcadas de color azul, son las direcciones URLs de las imágenes que se están mostrando en el slideshow de la plantilla, tendrá que cambiar cada una de ellas por las direcciones URLs de las imágenes que usted quiera mostrar en el slideshow.

5 Cambia la imagen de fondo del Slide Carrusel

Adb Fibra Plantilla Responsive para Blogger

Busque el siguiente código:

<!-- Seccion 2 -->

Le mostrara el siguiente código:

<style>
.testimonials {
  background: rgba(0, 0, 0, 0) url(&quot;https://2.bp.blogspot.com/-c7IP1NcBTT0/V9Rq5JBYg0I/AAAAAAAAA0Y/0D08rnruZOU1NdxwJwhjRqWz8lJggPJwQCLcB/s1600/4.jpg&quot;) no-repeat center center / cover ;
  padding: 65px 0;
  position: relative;
}
</style>


Realice el siguiente cambio:

- La dirección URL que está marcada de color azul, es la dirección URL de la imagen que se está mostrando en el Slider Carrusel de la plantilla, para ello tendrá que cambiar dicha dirección URL por otra que llene sus expectativas.

6 Cambiar los nombres y direcciones URLs del Menú

Adb Fibra Plantilla Responsive para Blogger

Busque el siguiente código:

<!-- Seccion 3 -->

Les mostrara un código similar al siguiente:

<li><a href='#'>NOSOTROS</a></li>
<li><a href='#'>PROGRAMAS</a></li>
<li><a href='#'>EVENTOS</a></li>
<li><a href='#'>VIDEOS</a></li>
<li><a href='#'>NOTICIAS</a></li>
<li><a href='#'>FOTOS</a></li>
<li><a href='#contact'>CONTACTOS</a></li>


Realice estos cambios:

- He marcado de color amarillo el símbolo #, en el cual tendrán que ingresar una dirección URL de la entrada que quieran dar a conocer en su menú.

- Cambie los nombres que están marcados de color rojo, por los que usted quiera

7 Cambiar el título y la descripción del slideshow

Adb Fibra Plantilla Responsive para Blogger

Busque el siguiente código:

<!-- Seccion 4 -->

Les mostrara tres códigos similares al siguiente:

<h1>AdB Fibra <br/> Plantilla Responsive para Blogger</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque tincidunt, libero eu pellentesque molestie. <br/> Raesent eu lorem arcu. Curabitur magna nunc.</p>
<a class='digital' href='#'>Información</a>
<a class='digital' href='#'>Contactos</a>
                                                               </div>
                                               </div>
                               </div>
                </div>
</div>
</div>
<div class='item'>
<div class='single_slide'>
<div class='slider_bg slide-2'/>
<div class='container'>
<div class='slide_text'>
<div class='table'>
<div class='table-cell'>
<h1>Plantilla gratis <br/> Blogger</h1>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. <br/> Nterdum et malesuada fames ac ante ipsum primis.</p>
<a class='digital' href='#'>Información</a>
<a class='digital' href='#'>Contactos</a>
                                               </div>
                               </div>
                </div>
                </div>
</div>
</div>
<div class='item'>
<div class='single_slide'>
<div class='slider_bg slide-3'/>
<div class='container'>
<div class='slide_text'>
<div class='table'>
<div class='table-cell'>
<h1>Lo mejor para usuarios de Blogger <br/> AdB Fibra Template</h1>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. <br/>Nterdum et malesuada fames ac ante ipsum primis.</p>
<a class='digital' href='#'>Información</a>
<a class='digital' href='#'>Contacto</a>


Realice los siguientes cambios:

- Edite todas las palabras que están marcadas de color rojo, por las que usted quiera mostrar

- Además, cambie los símbolos numerales # por una dirección URL

8 Cambiar la dirección de correo y la descripción del popup Contactos

Adb Fibra Plantilla Responsive para Blogger

Busque el siguiente código:

<!-- Seccion 5 -->

Le mostrara un código similar al siguiente:

<div class='modal-body'>
&#191;Necesitas ponerte en contacto con nosotros? puedes realizarlo a la siguiente dirección de correo electrónico:
<div style='text-align: center;'>
 <br/>
<p>Ayudadeblogger@gmail.com</p></div>


Realice el siguiente cambio:

- Edite las palabras la que están marcadas de color rojo

9 Editar descripción he imagen

Adb Fibra Plantilla Responsive para Blogger

Busque el siguiente código:

<!-- Seccion 6 -->

Les mostrara un código similar al siguiente:

<div class='about_title section-title wow slideInLeft' data-wow-delay='0.3s'>

<h1>Impresionante plantilla para Blogger</h1>

<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the standard dummy text. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the standard dummy text. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                                                                              </div>
<div class='about_title section-title wow slideInLeft' data-wow-delay='0.3s'>

<h1>Lo mejor para ti</h1>

<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the standard dummy text. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the standard dummy text. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                                                                              </div>
                                               <div class='row'>
                                                                                             
                                                                                             
                                               </div>
                </div>
<div class='col-sm-12 col-md-6'>
<div class='about_right wow slideInRight' data-wow-delay='0.3s'>

<!-- Cambie la dirección URL de la imagen por la de usted a continuación-->

<img alt='' id='right_img_1' src='https://3.bp.blogspot.com/-qHuUHsKCEis/V9nHsTwlrHI/AAAAAAAAA2Q/fDyQ52Y1zuYacFnycHUgoxbGioFIEn9QgCLcB/s1600/12.jpg'/>


Realice los siguientes cambios:

- Edite todas las palabras que están marcadas de color rojo, y remplácelo por las que usted quiera

- Además, cambie la dirección URL que está marcada de color azul, remplácelo por la dirección URL de una de sus imágenes

10 Cambiar imagen, titulo, descripción y URL

Adb Fibra Plantilla Responsive para Blogger

Busque el siguiente código:

<!-- Seccion 7 -->

Les mostrara el siguiente código:

<div class='col-sm-6 col-md-3'>
 <div class='thumbnail'>
<img alt='Generic placeholder thumbnail' src='https://3.bp.blogspot.com/-2U-W4Nuxx0U/V9nOATMMWII/AAAAAAAAA2U/W6_peAXhBvk3U9tKtAMikFVxqALl1wgegCEw/s1600/13.jpg'/>
      </div>
     
<div class='caption'>
<h3>Blogger Temmplate thumbnail</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
<p>
<a class='btn btn-primary' href='#' role='button'>
    Información
 </a>
 </p>
        
</div>
</div>
  
<div class='col-sm-6 col-md-3'>
<div class='thumbnail'>
<img alt='Generic placeholder thumbnail' src='https://3.bp.blogspot.com/-GE7ySUTqgQE/V9nODo2yp0I/AAAAAAAAA2c/spQsGHtoP7ENnOh9YzQUlOz35DIVCMXbACEw/s1600/14.jpg'/>
      </div>
     
<div class='caption'>
<h3>Blogger Temmplate thumbnail</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
<p>
<a class='btn btn-primary' href='#' role='button'>
   Información
 </a>
 </p>

 </div>
</div>
  
<div class='col-sm-6 col-md-3'>
<div class='thumbnail'>
<img alt='Generic placeholder thumbnail' src='https://3.bp.blogspot.com/-q4sG70r-Ge0/V9nOClkBxbI/AAAAAAAAA2Y/212Qjykg06gBi1H24DCUphhtpt1Wn16oACEw/s1600/15.jpg'/>
</div>
     
<div class='caption'>
<h3>Blogger Temmplate thumbnail</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
<p>
<a class='btn btn-primary' href='#' role='button'>
 Información
 </a>
 </p>
        
 </div>
</div>
  
<div class='col-sm-6 col-md-3'>
<div class='thumbnail'>
<img alt='Generic placeholder thumbnail' src='https://1.bp.blogspot.com/-jTzwnjpLVgg/V9nObLJ31GI/AAAAAAAAA2g/jkvb6A6jaEcCTDkubEIiAyfcnUkC1CGmwCLcB/s1600/16.jpg'/>
 </div>
     
<div class='caption'>
<h3>Blogger Temmplate thumbnail</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
<p>
 <a class='btn btn-primary' href='#' role='button'>
 Información


Realice los siguientes cambios:

- Cambie las palabras que están marcadas de color rojo,

- Existen 4 direcciones URLs de imágenes que están marcadas de color azul, cambie cada una de ellas por la dirección URL de sus imágenes

- Además, existen 4 símbolos numerales # que están marcados de color amarillo, estos son los botones de Información, cambie cada numeral, por una dirección URL de cualquier entrada de su blog.

11 Slider Carrusel, editar las imágenes y la descripción

Adb Fibra Plantilla Responsive para Blogger

Busque el siguiente código:

<!-- Seccion 8 -->

Le mostrara el siguiente código:

<li class='active' data-slide-to='0' data-target='#fawesome_carousel_3'><img alt='' src='https://2.bp.blogspot.com/-c7IP1NcBTT0/V9Rq5JBYg0I/AAAAAAAAA0Y/0D08rnruZOU1NdxwJwhjRqWz8lJggPJwQCLcB/s1600/4.jpg'/></li>
<li data-slide-to='1' data-target='#fawesome_carousel_3'><img alt='' src='https://1.bp.blogspot.com/-sBwVGIVepGw/V9RxG975FyI/AAAAAAAAA1A/aXGGJ6N3MtspmrWU8mfp5gVdEpgkTNeEQCLcB/s1600/7.jpg'/></li>
<li data-slide-to='2' data-target='#fawesome_carousel_3'><img alt='' src='https://1.bp.blogspot.com/-mA07FTVsuJk/V9RxFhrjUwI/AAAAAAAAA08/Ni15VYjP8sI6mLBhUd6GQsHDlqtKhNaRACLcB/s1600/8.jpg'/></li>
<li data-slide-to='3' data-target='#fawesome_carousel_3'><img alt='' src='https://2.bp.blogspot.com/-X0Ire9MbJ5Q/V9RxHsPjU_I/AAAAAAAAA1E/3yg1RPfxy9UzIFYham02CsfVlyTe1IRZwCLcB/s1600/9.jpg'/></li>
<li data-slide-to='4' data-target='#fawesome_carousel_3'><img alt='' src='https://2.bp.blogspot.com/-JgMMsKR3CX4/V9RxDieYHWI/AAAAAAAAA04/hbxgBY8X9tgHpVC0I62bdNGZUC1JpUCgwCLcB/s1600/10.jpg'/></li>
                                                                                              </ol>

<div class='carousel-inner' role='listbox'>
<div class='item active'>
<div class='single_testimonials'>

<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the standard dummy text. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                <h4>Publicado por: Temas libres</h4>
                                               </div>
                                               </div>

<div class='item'>
<div class='single_testimonials'>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the standard dummy text. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                <h4>Publicado por: Temas libres</h4>
                                               </div>
                                               </div>

<div class='item'>
<div class='single_testimonials'>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the standard dummy text. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    <h4>Publicado por: Temas libres</h4>
                                               </div>
                                               </div>

<div class='item'>
<div class='single_testimonials'>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the standard dummy text. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                <h4>Publicado por: Temas libres</h4>
                                               </div>
                                               </div>

<div class='item'>
<div class='single_testimonials'>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the standard dummy text. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                <h4>Publicado por: Temas libres</h4>
                               </div>


Realice los siguientes cambios:

- Existen 5 direcciones URLs que están marcadas de color azul, las mismas son las imágenes que se están mostrando en el Slider Carrusel, remplace cada una de ellas por sus imágenes

- Cambie todas las palabras que están marcadas de color rojo, por las que usted necesite mostrar

12 Publicaciones destacadas, cambiar imágenes, títulos y descripción

Adb Fibra Plantilla Responsive para Blogger

Busque el siguiente código:

<!-- Seccion 9 -->

Les mostrará el siguiente código

<div class='blog_img'>
<a href='#'><img alt='' src='https://2.bp.blogspot.com/-OJIaX2dPYnY/V9RngId9hBI/AAAAAAAAA0E/DMA2vIoS5pkCtN17YPGde64EMXvRkIfpgCLcB/s1600/1.jpg'/></a>
</div>
<div class='blog_text'>
<h4>Publicación 1</h4>
<br/>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem <a href='#'>Leer más</a></p>
   </div>
  </div>

<div class='single_blog wow fadeInLeft' data-wow-delay='0.3s'>
<div class='blog_img'>
<a href='#'><img alt='' src='https://1.bp.blogspot.com/-sBwVGIVepGw/V9RxG975FyI/AAAAAAAAA1A/aXGGJ6N3MtspmrWU8mfp5gVdEpgkTNeEQCLcB/s1600/7.jpg'/></a>
                                                                                              </div>
<div class='blog_text'>
<h4>Publicación 2</h4>
<br/>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem <a href='#'>Leer más</a></p>
                               </div>
                </div>
                </div>

<div class='col-sm-4'>
<div class='single_blog wow fadeInUp' data-wow-delay='0.3s'>
<div class='blog_img'>
<a href='#'><img alt='' src='https://1.bp.blogspot.com/-mA07FTVsuJk/V9RxFhrjUwI/AAAAAAAAA08/Ni15VYjP8sI6mLBhUd6GQsHDlqtKhNaRACLcB/s1600/8.jpg'/></a>
                </div>
<div class='blog_text'>
<h4>Publicación 3</h4>
<br/>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem <a href='#'>Leer más</a></p>
                </div>
                </div>

<div class='single_blog wow fadeInUp' data-wow-delay='0.3s'>
<div class='blog_img'>
<a href='#'><img alt='' src='https://2.bp.blogspot.com/-X0Ire9MbJ5Q/V9RxHsPjU_I/AAAAAAAAA1E/3yg1RPfxy9UzIFYham02CsfVlyTe1IRZwCLcB/s1600/9.jpg'/></a>
                </div>
<div class='blog_text'>
<h4>Publicación 4</h4>
<br/>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem <a href='#'>Leer más</a></p>
                </div>
                </div>
                </div>

<div class='col-sm-4'>
<div class='single_blog wow fadeInRight' data-wow-delay='0.3s'>
<div class='blog_img'>
<a href='#'><img alt='' src='https://2.bp.blogspot.com/-JgMMsKR3CX4/V9RxDieYHWI/AAAAAAAAA04/hbxgBY8X9tgHpVC0I62bdNGZUC1JpUCgwCLcB/s1600/10.jpg'/></a>
                </div>
<div class='blog_text'>
<h4>Publicación 5</h4>
<br/>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem <a href='#'>Leer más</a></p>
 </div>
 </div>

<div class='single_blog wow fadeInRight' data-wow-delay='0.3s'>
<div class='blog_img'>
<a href='#'><img alt='' src='https://2.bp.blogspot.com/-c7IP1NcBTT0/V9Rq5JBYg0I/AAAAAAAAA0Y/0D08rnruZOU1NdxwJwhjRqWz8lJggPJwQCLcB/s1600/4.jpg'/></a>
                </div>
<div class='blog_text'>
<h4>Publicación 6</h4>
  <br/>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem <a href='#'>Leer más</a></p>
                               </div>


Realice los siguientes cambios:

- Cambie todas las palabras que están marcadas de color rojo, por las que usted necesite mostrar

- Existe 6 direcciones URLs que están marcadas de color azul, las cuales son las imágenes que se están mostrando en la plantilla, tendrá que cambiar cada una de ellas por las imágenes que quiera mostrar

- Por último, existen 6 símbolos numerales # que están marcados de color amarillo, tendrá que cambiar cada uno de ellos por la dirección URL de la entrada que quiera mostrar

13 Editar el Footer, Quienes somos, Contáctanos y Mapa

Adb Fibra Plantilla Responsive para Blogger

Busque el siguiente código:

<!-- Seccion 10 -->

Les mostrara el siguiente código

<div class='col-sm-4'>
<div class='about_hello wow fadeInLeft'>
<h3>Quienes somos</h3>
<p id='about_p_text'>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the standard dummy text. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                               </div>
                </div>

<div class='col-sm-4 wow fadeInUp'>
<div class='about_hello'>
<h3>Contáctanos</h3>
<p><i class='fa fa-mobile'/>Fono: 593 063 018665</p>
<p><i class='fa fa-envelope' id='envel'/>Email de Contacto: ayudadeblogger@gmail.com</p>
<p><i class='fa fa-map-marker'/>OE405 Tena - Napo - Ecuador</p>
                </div>

<div class='social_icon'>
<a href='https://facebook.com/ayudadeblogger'><i class='fa fa-facebook'/></a>
<a href='https://twitter.com/ayudadeblogger'><i class='fa fa-twitter'/></a>
<a href='https://plus.google.com/+Ayudadeblogger'><i class='fa fa-google-plus'/></a>
<a href='http://feeds.feedburner.com/ForoAyudaDeBlogger'><i class='fa fa-rss'/></a>
                </div>
</div>

<div class='col-sm-4'>
<div class='quick_contack about_hello subcribe_btn wow fadeInRight'>
<h3>Mapa</h3>
&lt;iframe src=&quot;https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3989.217615097672!2d-77.81579268572665!3d-0.9942537356565851!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x91d6a44a76e19879%3A0x8f0967c48a0e8c8e!2sGrupodelecluse!5e0!3m2!1ses!2sec!4v1473546627360&quot; width=&quot;250&quot; height=&quot;150&quot; frameborder=&quot;0&quot; style=&quot;border:0&quot; allowfullscreen&gt;&lt;/iframe&gt;
     </div>


Realice los siguientes cambios:

- Cambie todas las palabras que están marcadas de color rojo, por su información

- Edite las direcciones URLs que están marcadas de color azul, y remplacelos por las direcciones URLs de sus redes sociales

- Por último, elimine todo el código que está marcado de color amarillo, y remplácelo por el código Iframe de Google Maps, si no sabes cómo hacerlo, no te preocupes, muy pronto publicare un tutorial de ayuda sobre este tema de Google Maps.

- Mientras tanto, puede eliminar el código que está marcado de color amarillo

Eso es todo, hemos terminado, ahora es momento de dar un clic en Guardar plantilla


Mire como le quedo esta nueva plantilla.

Recuerde ahora es tiempo de crear una copia de seguridad de su nueva plantilla he insertarla en su actual blog de Blogger

Nota: Si tiene alguna duda, pueden abrir el siguiente enlace en el cual pueden plantear su pregunta y subir una imagen, he informar lo que necesitan saber sobre esta plantilla, con gusto les responderé


¡Fácil verdad!

¿Necesitas ayuda?

Cualquier pregunta no duden en escribir

1 comentarios:

person_pin Luis Chávez

group_work Fundador

contact_phone +593 994589032

email ayudadeblogger@gmail.com

Entradas populares

Youtube.com/ayudadeblogger

Suscríbete

Etiquetas

Adsense dispositivos moviles (2) Alojamiento web (12) Aplicaciones moviles (15) Backlinks (1) Breaking News para Blogger (3) Como (32) Como crear una pagina web gratis (8) Comprar Dominios (2) Comprar un Dominio en Godaddy (2) Configurar dominio de Godaddy en Blogger (1) Consejos de Blogs (33) Consejos de Trafico (12) Correo Dominio (3) Crear un Sitemap (6) Crear una Aplicacion gratis (2) Diseno Responsive (5) Diseño Web (7) En vivo (1) Entradas Populares (18) Enviar Sitemap a Bing y Yahoo (1) Error al analizar XML (5) Facebook trucos (10) Firefox (9) Formulario de contactos (3) Ganar Dinero (22) Google (11) Google Adsense (10) Google Plus (5) Guia de SEO (2) Herramientas Blogger (4) Herramientas para Webmasters (6) Iconos Font Awesome (1) Info Tech (1) La ética de los blogs (2) Laptops (2) Manual Blogger (10) Material Design Blogger (2) Medios de Comunicacion Social (39) Menu desplegable (20) Menu Responsive para Blogger (6) Mobile-friendly (9) Movil (12) Noticias (3) Optimizado para moviles (4) Plantillas Blogger (42) Plantillas Landing page para Blogger (3) Popout (6) Posicionamiento SEO (22) Publicidad (2) SEO Mobile (12) SEO para Moviles (14) Sitemap (1) Sitios web optimizados para moviles (3) Slider Carrusel (7) Slideshow (35) Smartphone (12) Social Media Marketing (1) Tácticas de Marketing (4) Tecnologia (12) Temas de invitados (2) Top Hosting (3) Trucos Blogger (40) Trucos CSS y HTML (11) Web Hosting (14) Widget Acordeón (3) Widget Tab Multiple (1) Widgets para Blogger (69) Widgets Suscripciones (9) Widgets y Plugins (6)

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Seguidores

Comentarios