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




Share:

Related post

Disqus

Disqus comments:


Google+

Google+ comments:

Facebook

Facebook comments: