En este tercer vidiotutorial aprenderemos como crear un TSA totalmente gratis
Aquí en este vidiotutorial aprenderas como crear un a tienda en blogger con un TSAm
Donde podremos vender productos de Amazon de afiliados de una forma facil y rapida y gratis como no sin tener que pagar un Hosting de pago.
Este código maestro lo copiamos en nuestro blog haciendo clic en HTML y pegando este código.
Una vez terminado esto solucionaremos la configuración de nuestro TSA para que tenga una apariencia más profesional
En esta pestaña elegiremos la opción personalizar para añadir el diseño de nuestro TSA y el código CSS que necesito para que nuestro TSA se muestre con sus categorías con las características de la rejilla que ya vimos anteriormente.
Ahora añadiremos los enlaces de cada pagina a nuestro TSA
Tendremos que abrir cada una de estas páginas con el secundario del ratón en la opción Abrir enlace en una pestaña nueva estas pestañas se irán abriendo en la parte superior del navegador como vemos aquí.
Copiamos los link
Una vez copiados estos link que vemos en esta imagen lo tendremo que copiar a nuestro código maestro
Excel maestro
En el excel maestro copiamos estos link de cada página como vemos en esta imagen y añadimos la descripción en ALT y el titulo en H2 así por cada una de las paginas que tengamos.
Copiamos todos el código maestro
Nos vamos a Tema
Abrimos la pestaña Tema y bajamos hacia abajo para buscar del tema Sencillo.
En Tema configuraremos nuestro TSA
Para que tenga una apariencia más profesional escogiendo el Tema Sencillo que es el que necesitamosEn esta pestaña elegiremos la opción personalizar para añadir el diseño de nuestro TSA y el código CSS que necesito para que nuestro TSA se muestre con sus categorías con las características de la rejilla que ya vimos anteriormente.
En diseño cambiaremos
Elegiremos el diseño del cuerpo de nuestro TSA eligiendo la primera opción que la que necesitamos.
Nos vamos a avanzado
En avanzado añadiremos el código CSS que También será necesario agregar código CSS
CÓDIGO CSS
Ahí va el código CSS con algunas notas bastante aclaratorias por si no sabéis del tema:
El código CSS anterior se coloca en Blogger en la ruta:
TEMA/ PERSONALIZAR/AVANZADO/AÑADIR CSS
Colocas el CSS y clic en el botón Aplicar al Blog.
Con lo anterior ya tienes una rejilla de categorías apuntando a cada una de tus páginas de la web.
Ahora nos iremos al blog administrador
Ahora solucionaremos para que home se vean las diferentes categorías que necesitamos para lo muestre en nuestro home de nuestro blog. Hacemos clic en Configuración.
Configuramos la configuración de blogger
Buscamos Preferencias para buscadores de búsqueda lo abrimos y Abrimos Redireccionamiento personalizado y añadimos en la opción De: una / y en Para: /p/home.html que sera donde estara nuestra home. Ahora Guardamos en la primera opción y después en la secunda opción Guardar cambios con esto lo habremos configurado para los link de cada pagina se muestre en nuestro home.
Asi es como tendrá que ver tu blog
Si no es así tendrás que solucionar esto de esta manera nos iremos a Diseño.
Nos vamos a diseño
En diseño hacemos clic en HTML para buscar donde añadiremos el código CSS que necesitamos.
Para buscar donde pegaremos este código tecleamos Ctrl + F y veremos esta caja de busqueda donde escribiremos esto: ]]></b:skin> y tecleamos en Intro.
Ahora veremos donde tenemos que pegar este codigo CSS.
Aquí es donde pegaremos nuestro código CSS para nuestro TSA lo copiamos de nuestro código maestro y lo pegamos aquí.
Y así es como debe de quedar nuestro blog una vez añadido el código CSS.
Colocas el CSS y clic en el botón Aplicar al Blog.
Con lo anterior ya tienes una rejilla de categorías apuntando a cada una de tus páginas de la web.
Ahora nos iremos al blog administrador
Ahora solucionaremos para que home se vean las diferentes categorías que necesitamos para lo muestre en nuestro home de nuestro blog. Hacemos clic en Configuración.
Configuramos la configuración de blogger
Buscamos Preferencias para buscadores de búsqueda lo abrimos y Abrimos Redireccionamiento personalizado y añadimos en la opción De: una / y en Para: /p/home.html que sera donde estara nuestra home. Ahora Guardamos en la primera opción y después en la secunda opción Guardar cambios con esto lo habremos configurado para los link de cada pagina se muestre en nuestro home.
Asi es como tendrá que ver tu blog
Si no es así tendrás que solucionar esto de esta manera nos iremos a Diseño.
Nos vamos a diseño
En diseño hacemos clic en HTML para buscar donde añadiremos el código CSS que necesitamos.
Para buscar donde pegaremos este código tecleamos Ctrl + F y veremos esta caja de busqueda donde escribiremos esto: ]]></b:skin> y tecleamos en Intro.
Ahora veremos donde tenemos que pegar este codigo CSS.
Aquí es donde pegaremos nuestro código CSS para nuestro TSA lo copiamos de nuestro código maestro y lo pegamos aquí.
Y así es como debe de quedar nuestro blog una vez añadido el código CSS.
