Widgets y Plugins para Blogger


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


Enviar por correo
  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:

 

Inspiración

Tecnología

Contactos

+593 994589032