add

Configuración de los botones de las redes sociales de la plantilla template-ayudadeblogger


Configuración de los botones de las redes sociales de la plantilla template-ayudadeblogger Tutorial Parte III

plantillas blogger

Bueno esta parte es tan sencilla, así que no se preocupe si no lo puede instalar, he tratado de ser lo más preciso posible para que ustedes logren tener un mejor desempeño al momento de configurar los botones de las redes sociales de la plantilla template-ayudadeblogger.blogspot.com
Vamos a trabajar

1 Nos dirigimos a “Plantilla” y abrimos “Editar HTML

plantillas blogger


Ahora se te abrirá el editor HTML de tu plantilla, se mostrara igual como la imagen que esta a continuación


En este punto deberás presionar la tecla “Control” de tu teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de tu editor, debes esperar unos segundos hasta que se muestre, 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 te mostrara tal y cual deberá aparecerte el buscador en tu editor HTML de tu plantilla y así puedas colocar el código en el buscador al momento que yo diga busca este código.


2 Buscamos este código <div id='searchbarright1'>  el cual nos va a mostrar un código como el siguiente.

<div id='searchbarright1'>
<ul class='isocial'>
<li><a class='rss' href='#' target='_blank' title='Subscribe via RSS'/></li>
<li><a class='facebook' href='#' target='_blank' title='Become a Fan'/></li>
<li><a class='twitter' href='#' target='_blank' title='Follow Us'/></li>
<li><a class='google' href='#' target='_blank' title='Google Plus Profile'/></li>
<li><a class='youtube' href='#' target='_blank' title='Watch The Video'/></li>
</ul>


Realice estos cambios:

1 En la primera línea tenemos este código 'rss' href='#' vamos solo a borrar # y ponemos nuestra dirección de link, por ejemplo la mía es http://feeds.feedburner.com/ForoAyudaDeBlogger

Así es como debe de quedarles al insertar el primer link en la primera línea de código:

<li><a class='rss' href='http://feeds.feedburner.com/ForoAyudaDeBlogger' target='_blank' title='Suscribete via RSS'/></li>

2 Luego buscamos la segunda línea de código y realizamos los mismos pasos anteriores.

<li><a class='facebook' href='http://www.facebook.com/pages/Ayuda-de-Blogger/140889692709017' target='_blank' title='Become a Fan'/></li>

3 Realizamos los mismos pasos para nuestro tercer código.

<li><a class='twitter' href='https://twitter.com/#!/ayudadeblogger' target='_blank' title='Follow Us'/></li>

4 Al igual que el anterior realizamos los mismos pasos anteriores en nuestra cuarta línea de código.

<li><a class='google' href='https://plus.google.com/114283163993086871162' target='_blank' title='Google Plus Profile'/></li>

5 Si tienes Youtube y quieres dar a conocer tu producto o marca realiza los mismos cambios en el código donde dice “Watch The Video'”.

6 Luego de realizar todos los cambios que les indique, así es como debería estar su actual código:

<div id='searchbarright1'>
<ul class='isocial'>
<li><a class='rss' href='http://feeds.feedburner.com/ForoAyudaDeBlogger' target='_blank' title='Suscribete via RSS'/></li>
<li><a class='facebook' href='http://www.facebook.com/pages/Ayuda-de-Blogger/140889692709017' target='_blank' title='Become a Fan'/></li>
<li><a class='twitter' href='https://twitter.com/#!/ayudadeblogger' target='_blank' title='Follow Us'/></li>
<li><a class='google' href='https://plus.google.com/114283163993086871162' target='_blank' title='Google Plus Profile'/></li>
<li><a class='youtube' href='#' target='_blank' title='Watch The Video'/></li>
</ul>

7 Ahora dele un clic donde dice “Guardar Plantilla

8 Listo ya tienes configurado tu cuadro de acceso a tus redes sociales de tu blog, verifica tu blog y disfruta de esta sensacional plantilla para blogger.
¿Necesitas ayuda?

Cualquier pregunta no duden en hacérmelo saber

2 comentarios:

  1. Saludos mi Plantilla muestras dos modulo con iconos de redes sociales le gustaría tu ayuda para eliminar la que esta en la parte de abaja saludos espero tengas buen resto de día
    puede verlo ahi http://prosatti.blogspot.com/

    ResponderEliminar
    Respuestas
    1. Hola he visto tu blog, ingresa al editor HTML de tu plantilla y busca este nombre http://twitter.com/magikoprosati una vez que lo hayas encontrado te mostrara todo el codigo correspondiente as widgettitle, borra todo el codigo hasta el termino de los dos ultimos < / div > < /div > eso es todo y guardas tu plantilla.
      Saludos.

      Eliminar

Discusión

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