SlideShare ist ein Scribd-Unternehmen logo
1 von 18
Downloaden Sie, um offline zu lesen
GUIA PARA
AGREGAR
PLANTILLAS Y
GADGET A TU
BLOG
IESTP.SIMON
Tutorial para agregar plantillas y gadget a tu blog.

IEST. SIMON BOLIVAR
CALLE 3 NRO. 1000
CIUDAD DEL PESCADOR
BELLAVISTA CALLAO
14/11/2013
GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013
TU BLOG
GUIA PARA ADPTAR PLANTILLA Y GADGET

CAPÍTULO I: BUSCAR PLANTILLA O TEMPLATE PARA NUESTRO BLOG ............................................... 2
1.

BUSCAR PLANTILLA ................................................................................................................. 2

2.

INGRESAR A VINCULO SELECCIONADO ................................................................................... 2

CAPÍTULOII: CAMBIAR Y EDITAR PESTAÑAS DE BLOG ........................................................................ 6
1.

EDITAR PESTAÑAS DE LA NUEVA PLANTILLA .......................................................................... 6

CAPÍTULOIII: EDITAR PAGINAS Y ENTRADAS AL BLOG ........................................................................ 9
1.

EDITAR PAGINAS A MOSTRARSE EN PESTAÑAS DE LA NUEVA PLANTILLA ............................. 9

CAPÍTULO I V: BUSCAR GADGET........................................................................................................ 11
1.

BUSCAR GADGET ................................................................................................................... 13

2.

GADGET PARA BLOGGER. ...................................................................................................... 13

4.

AGREGAR CURSOR EN NUESTRO BLOG................................................................................. 16

1

Lic. Carlos Lozano Zapata
GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013
TU BLOG

CAPÍTULO I: BUSCAR PLANTILLA O TEMPLATE PARA NUESTRO BLOG
1. BUSCAR PLANTILLA
PROCEDIMIENTO
a. Ingresar a Google: www.google.com.pe
b. Buscar template con el siguiente texto
c. Seleccionar el vínculo para descargar plantilla.

2. INGRESAR A VINCULO SELECCIONADO
PROCEDIMIENTO
a. Elegir template a descargar y guardamos el archivo comprimido en nuestra PC
b. Descomprimir archivo para luego ser subido a blog
c. Volvemos a nuestro blog y nos ubicamos en crear copia de seguridad / restablecer
d. Examinar y subir archivo descomprimido.

2

Lic. Carlos Lozano Zapata
GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013
TU BLOG

3

Lic. Carlos Lozano Zapata
GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013
TU BLOG

4

Lic. Carlos Lozano Zapata
GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013
TU BLOG

5

Lic. Carlos Lozano Zapata
GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013
TU BLOG

CAPÍTULOII: CAMBIAR Y EDITAR PESTAÑAS DE BLOG
1. EDITAR PESTAÑAS DE LA NUEVA PLANTILLA
PROCEDIMIENTO
a. Ubicarse en el código HTML de la nueva plantilla
b. Identificar texto a cambiar y editar nuevo texto a mostrarse
c. Visualizar previamente y guardar modificación.

6

Lic. Carlos Lozano Zapata
GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013
TU BLOG

7

Lic. Carlos Lozano Zapata
GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013
TU BLOG

8

Lic. Carlos Lozano Zapata
GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013
TU BLOG
CAPÍTULOIII: EDITAR PAGINAS Y ENTRADAS AL BLOG
1. EDITAR PAGINAS A MOSTRARSE EN PESTAÑAS DE LA NUEVA PLANTILLA
PROCEDIMIENTO
a. Ubicarse en la opción paginas de nuestro blog
b. Elegir página en blanco
c. Escribimos titulo a la pagina y agregamos texto e imágenes a mostrarse
d. Visualizar previamente y guardar.
e. Se realiza el mismo procedimiento para cada una de las pestañas de la plantilla del
b
l
o
g

9

Lic. Carlos Lozano Zapata
GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013
TU BLOG

MOSTRAR PAGINA CREADA EN OPCION DE MENU
1. Editar la plantilla HTML
2. Ir a opción por ejemplo a opción RESULTADOS
3. Pegar lasiguiente línea, considerar que las paginas creadas las guarda en la carpeta /p/
<li><a href='/p/resultados.html'>Resultados</a></li>
4. Aquí se ve como se direcciona la pagina creada

10

Lic. Carlos Lozano Zapata
GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013
TU BLOG

PERSONALIZAR IMÁGENES EN PLANTILLAS
1.
2.
3.
4.
5.
6.

Para mostrar las imágenes personalizadas de acuerdo al tema
Debe de crear una galería de imágenes en picassa
Cambiar el tamaño de la imagen en picasa por ejemplo 640 x 640
Copia el código en modo table y copiar el código de la imagen
Es decir este codig
<table style="width:auto;"><tr><td><a
href="https://picasaweb.google.com/lh/photo/FP1hyrAMhwqGtLKo2ueB4dMTjNZETYmyP
Jy0liipFm0?feat=embedwebsite"><img

src="https://lh5.googleusercontent.com/CFqXJTguyTQ/UjxuM8sdu4I/AAAAAAAAAYI/HI6kX0QKEpA/s640/nat
ure-photo2.jpg" height="266" width="640" /></a></td></tr><tr><td
style="font-family:arial,sans-serif; font-size:11px; text-align:right">De <a
href="https://picasaweb.google.com/102447926232651367348/Simo?authuser=0&feat=e
mbedwebsite">Simo</a></td></tr></table>

11

Lic. Carlos Lozano Zapata
GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013
TU BLOG

12

Lic. Carlos Lozano Zapata
GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013
TU BLOG
CAPÍTULO I V: BUSCAR GADGET
1. BUSCAR GADGET
PROCEDIMIENTO
a. Ingresar a Google: www.google.com.pe
b. Buscar gadget con el siguiente texto
c. Seleccionar el vinculo que tiene los gadget que se van insertar.

2. GADGET PARA BLOGGER.
PROCEDIMIENTO
a. En esta página nos aparece diferentes opciones a elegir.
b. Seleccionamos gadget a insertar
c. Procedemos a copiar dicho código.
d. En esta ventana se muestra diferentes opciones; Elegimos HTML/Javascrips.

13

Lic. Carlos Lozano Zapata
GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013
TU BLOG

14

Lic. Carlos Lozano Zapata
GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013
TU BLOG

3. INGRESAMOS AL BLOGGER PARA AÑADIR UN GADGET.
PROCEDIMIENTO
a) Seleccionamos la opción diseño.
b) Dar un clic sobre el enlace añadir un gadget.
c) Aparecerá una ventana ventana, donde se insertara código y se le
colocara un titulo al gadget.

15

Lic. Carlos Lozano Zapata
GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013
TU BLOG

4. AGREGAR CURSOR EN NUESTRO BLOG.
Se realiza el mismo procedimiento anterior.

Al finalizar el procedimiento nuestro blog quedará de esta manera.
Que al hacer clic sobre la imagen nos llevara a ese enlace.

16

Lic. Carlos Lozano Zapata
GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013
TU BLOG

Dirección de blog
http://jazlindkinofashion.blogspot.com/

17

Lic. Carlos Lozano Zapata

Más contenido relacionado

Andere mochten auch

Andere mochten auch (13)

Potfolio designs
Potfolio designsPotfolio designs
Potfolio designs
 
Introduçãoàfísica
IntroduçãoàfísicaIntroduçãoàfísica
Introduçãoàfísica
 
20153-Presidents-List (3)
20153-Presidents-List (3)20153-Presidents-List (3)
20153-Presidents-List (3)
 
Persyaratan bk
Persyaratan bkPersyaratan bk
Persyaratan bk
 
c- write ams.PDF
c- write ams.PDFc- write ams.PDF
c- write ams.PDF
 
Neny3
Neny3Neny3
Neny3
 
Laporan perbaikan pembelajaran
Laporan perbaikan  pembelajaranLaporan perbaikan  pembelajaran
Laporan perbaikan pembelajaran
 
7 أنواع الكفر الأكبر
7  أنواع الكفر الأكبر7  أنواع الكفر الأكبر
7 أنواع الكفر الأكبر
 
Persyaratan kepribadian dalam bk
Persyaratan kepribadian dalam bkPersyaratan kepribadian dalam bk
Persyaratan kepribadian dalam bk
 
Spring Cleaning: Easy Ways to Tidy Your Customer Data
Spring Cleaning: Easy Ways to Tidy Your Customer DataSpring Cleaning: Easy Ways to Tidy Your Customer Data
Spring Cleaning: Easy Ways to Tidy Your Customer Data
 
S3 GE Handout 2 - Tourism GW2 (Student)
S3 GE Handout 2 - Tourism GW2 (Student)S3 GE Handout 2 - Tourism GW2 (Student)
S3 GE Handout 2 - Tourism GW2 (Student)
 
Power
PowerPower
Power
 
Resume
ResumeResume
Resume
 

Ähnlich wie Agregar plantillasygadget

Ähnlich wie Agregar plantillasygadget (20)

Crea tu plantilla de blogger
Crea tu plantilla de bloggerCrea tu plantilla de blogger
Crea tu plantilla de blogger
 
Como crear un blog
Como crear un blogComo crear un blog
Como crear un blog
 
Como crear un blog
Como crear un blogComo crear un blog
Como crear un blog
 
Bootstrap
BootstrapBootstrap
Bootstrap
 
Como crear un blogger
Como crear un bloggerComo crear un blogger
Como crear un blogger
 
Pasos para crear un blog 2
Pasos para crear un blog 2 Pasos para crear un blog 2
Pasos para crear un blog 2
 
Trabajo práctico número 10
Trabajo práctico número 10Trabajo práctico número 10
Trabajo práctico número 10
 
Cómo instalar o cambiar una plantilla en el
Cómo instalar o cambiar una plantilla en elCómo instalar o cambiar una plantilla en el
Cómo instalar o cambiar una plantilla en el
 
SEO para Drupal
SEO para DrupalSEO para Drupal
SEO para Drupal
 
Pasos 2
Pasos 2Pasos 2
Pasos 2
 
Como crear un blog en blogger-Paola Solis
Como crear un blog en blogger-Paola SolisComo crear un blog en blogger-Paola Solis
Como crear un blog en blogger-Paola Solis
 
Manual corporativo para redes sociales 1
Manual corporativo para redes sociales 1Manual corporativo para redes sociales 1
Manual corporativo para redes sociales 1
 
Blog
BlogBlog
Blog
 
Guía Básica de CSS
Guía Básica de CSSGuía Básica de CSS
Guía Básica de CSS
 
Tutorial[1].blogger mt
Tutorial[1].blogger mtTutorial[1].blogger mt
Tutorial[1].blogger mt
 
Bootstrap 3.
Bootstrap 3.Bootstrap 3.
Bootstrap 3.
 
Trabajo de informática blogger
Trabajo de informática blogger Trabajo de informática blogger
Trabajo de informática blogger
 
Témplate Game2010 Documentación
Témplate Game2010 DocumentaciónTémplate Game2010 Documentación
Témplate Game2010 Documentación
 
CLASE 7
CLASE 7CLASE 7
CLASE 7
 
Tema#3 anexos ide13115025
Tema#3 anexos ide13115025Tema#3 anexos ide13115025
Tema#3 anexos ide13115025
 

Mehr von Carlos Lozano Zapata (9)

Competencias digitales
Competencias digitalesCompetencias digitales
Competencias digitales
 
Comercio electronico
Comercio electronicoComercio electronico
Comercio electronico
 
Nuevastecnologiasysuaplicacinenlaeducacin
NuevastecnologiasysuaplicacinenlaeducacinNuevastecnologiasysuaplicacinenlaeducacin
Nuevastecnologiasysuaplicacinenlaeducacin
 
Introduccion a php
Introduccion a phpIntroduccion a php
Introduccion a php
 
MANUAL DE COMPRA DE MOTOS
MANUAL DE COMPRA DE MOTOSMANUAL DE COMPRA DE MOTOS
MANUAL DE COMPRA DE MOTOS
 
Html 1
Html 1Html 1
Html 1
 
Competencia digital para informaticos
Competencia digital para informaticosCompetencia digital para informaticos
Competencia digital para informaticos
 
Introduccion a la informatica
Introduccion a la informaticaIntroduccion a la informatica
Introduccion a la informatica
 
Curso php y_my_sql
Curso php y_my_sqlCurso php y_my_sql
Curso php y_my_sql
 

Agregar plantillasygadget

  • 1. GUIA PARA AGREGAR PLANTILLAS Y GADGET A TU BLOG IESTP.SIMON Tutorial para agregar plantillas y gadget a tu blog. IEST. SIMON BOLIVAR CALLE 3 NRO. 1000 CIUDAD DEL PESCADOR BELLAVISTA CALLAO 14/11/2013
  • 2. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG GUIA PARA ADPTAR PLANTILLA Y GADGET CAPÍTULO I: BUSCAR PLANTILLA O TEMPLATE PARA NUESTRO BLOG ............................................... 2 1. BUSCAR PLANTILLA ................................................................................................................. 2 2. INGRESAR A VINCULO SELECCIONADO ................................................................................... 2 CAPÍTULOII: CAMBIAR Y EDITAR PESTAÑAS DE BLOG ........................................................................ 6 1. EDITAR PESTAÑAS DE LA NUEVA PLANTILLA .......................................................................... 6 CAPÍTULOIII: EDITAR PAGINAS Y ENTRADAS AL BLOG ........................................................................ 9 1. EDITAR PAGINAS A MOSTRARSE EN PESTAÑAS DE LA NUEVA PLANTILLA ............................. 9 CAPÍTULO I V: BUSCAR GADGET........................................................................................................ 11 1. BUSCAR GADGET ................................................................................................................... 13 2. GADGET PARA BLOGGER. ...................................................................................................... 13 4. AGREGAR CURSOR EN NUESTRO BLOG................................................................................. 16 1 Lic. Carlos Lozano Zapata
  • 3. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG CAPÍTULO I: BUSCAR PLANTILLA O TEMPLATE PARA NUESTRO BLOG 1. BUSCAR PLANTILLA PROCEDIMIENTO a. Ingresar a Google: www.google.com.pe b. Buscar template con el siguiente texto c. Seleccionar el vínculo para descargar plantilla. 2. INGRESAR A VINCULO SELECCIONADO PROCEDIMIENTO a. Elegir template a descargar y guardamos el archivo comprimido en nuestra PC b. Descomprimir archivo para luego ser subido a blog c. Volvemos a nuestro blog y nos ubicamos en crear copia de seguridad / restablecer d. Examinar y subir archivo descomprimido. 2 Lic. Carlos Lozano Zapata
  • 4. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG 3 Lic. Carlos Lozano Zapata
  • 5. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG 4 Lic. Carlos Lozano Zapata
  • 6. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG 5 Lic. Carlos Lozano Zapata
  • 7. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG CAPÍTULOII: CAMBIAR Y EDITAR PESTAÑAS DE BLOG 1. EDITAR PESTAÑAS DE LA NUEVA PLANTILLA PROCEDIMIENTO a. Ubicarse en el código HTML de la nueva plantilla b. Identificar texto a cambiar y editar nuevo texto a mostrarse c. Visualizar previamente y guardar modificación. 6 Lic. Carlos Lozano Zapata
  • 8. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG 7 Lic. Carlos Lozano Zapata
  • 9. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG 8 Lic. Carlos Lozano Zapata
  • 10. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG CAPÍTULOIII: EDITAR PAGINAS Y ENTRADAS AL BLOG 1. EDITAR PAGINAS A MOSTRARSE EN PESTAÑAS DE LA NUEVA PLANTILLA PROCEDIMIENTO a. Ubicarse en la opción paginas de nuestro blog b. Elegir página en blanco c. Escribimos titulo a la pagina y agregamos texto e imágenes a mostrarse d. Visualizar previamente y guardar. e. Se realiza el mismo procedimiento para cada una de las pestañas de la plantilla del b l o g 9 Lic. Carlos Lozano Zapata
  • 11. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG MOSTRAR PAGINA CREADA EN OPCION DE MENU 1. Editar la plantilla HTML 2. Ir a opción por ejemplo a opción RESULTADOS 3. Pegar lasiguiente línea, considerar que las paginas creadas las guarda en la carpeta /p/ <li><a href='/p/resultados.html'>Resultados</a></li> 4. Aquí se ve como se direcciona la pagina creada 10 Lic. Carlos Lozano Zapata
  • 12. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG PERSONALIZAR IMÁGENES EN PLANTILLAS 1. 2. 3. 4. 5. 6. Para mostrar las imágenes personalizadas de acuerdo al tema Debe de crear una galería de imágenes en picassa Cambiar el tamaño de la imagen en picasa por ejemplo 640 x 640 Copia el código en modo table y copiar el código de la imagen Es decir este codig <table style="width:auto;"><tr><td><a href="https://picasaweb.google.com/lh/photo/FP1hyrAMhwqGtLKo2ueB4dMTjNZETYmyP Jy0liipFm0?feat=embedwebsite"><img src="https://lh5.googleusercontent.com/CFqXJTguyTQ/UjxuM8sdu4I/AAAAAAAAAYI/HI6kX0QKEpA/s640/nat ure-photo2.jpg" height="266" width="640" /></a></td></tr><tr><td style="font-family:arial,sans-serif; font-size:11px; text-align:right">De <a href="https://picasaweb.google.com/102447926232651367348/Simo?authuser=0&feat=e mbedwebsite">Simo</a></td></tr></table> 11 Lic. Carlos Lozano Zapata
  • 13. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG 12 Lic. Carlos Lozano Zapata
  • 14. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG CAPÍTULO I V: BUSCAR GADGET 1. BUSCAR GADGET PROCEDIMIENTO a. Ingresar a Google: www.google.com.pe b. Buscar gadget con el siguiente texto c. Seleccionar el vinculo que tiene los gadget que se van insertar. 2. GADGET PARA BLOGGER. PROCEDIMIENTO a. En esta página nos aparece diferentes opciones a elegir. b. Seleccionamos gadget a insertar c. Procedemos a copiar dicho código. d. En esta ventana se muestra diferentes opciones; Elegimos HTML/Javascrips. 13 Lic. Carlos Lozano Zapata
  • 15. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG 14 Lic. Carlos Lozano Zapata
  • 16. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG 3. INGRESAMOS AL BLOGGER PARA AÑADIR UN GADGET. PROCEDIMIENTO a) Seleccionamos la opción diseño. b) Dar un clic sobre el enlace añadir un gadget. c) Aparecerá una ventana ventana, donde se insertara código y se le colocara un titulo al gadget. 15 Lic. Carlos Lozano Zapata
  • 17. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG 4. AGREGAR CURSOR EN NUESTRO BLOG. Se realiza el mismo procedimiento anterior. Al finalizar el procedimiento nuestro blog quedará de esta manera. Que al hacer clic sobre la imagen nos llevara a ese enlace. 16 Lic. Carlos Lozano Zapata
  • 18. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG Dirección de blog http://jazlindkinofashion.blogspot.com/ 17 Lic. Carlos Lozano Zapata