Haciendo una extensión de Google Chrome para Twitter (4 / 7 paso)

Paso 4: archivo de html

El manifest.json llama a un archivo html que contiene los scripts para ser utilizado por la extensión. Este script puede ser cualquier cosa, lo único a recordar es que el script tiene que usar sólo html, JavaScript y CSS.

Tenía un viejo guión que permite a los usuarios ver sus mensajes de Twitter o mostrar a los demás. Decidí utilizar ese mismo script para permitir a los usuarios ver mis posts no tan recientes de Twitter.

Hacer el archivo html
1) abierto Dreamweaver o Bloc de notas y copia pegan o escribe el siguiente código:
<! Html DOCTYPE público "-//W3C//DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns = "http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv = "Content-Type" content = "text/html; charset = utf-8 "/ >
< title > Twitinside para Chrome < / title >
< script tipo = "texto/javascript" src = "http://ajax.googleapis.com/
Ajax/libs/jQuery/1.5/jQuery.min.js">< / script >
< script tipo = "aplicación/javascript" >
$("div.contentToChange p.firstparagraph:hidden").slideDown("slow");
$("div.contentToChange p.firstparagraph:visible").slideUp("slow");
< /script >
estilo de < >
cuerpo
{
width: 300px;
font-family: Arial;
fuente-tamaño: 12px;
}
un
{
color: #33ccff;
}
a: hover
{
color: #000000;
texto-decoration: none;
}
H2
{
fuente-estilo: cursiva;
color: #33ccff;
}
< / estilo >
< /HEAD >
< cuerpo >
< a href = "http://www.twitter.com/yourtwitterid " target = "_blank" title = "siga el creater de Twitinside @yourtwitterid " >
< img src="twitinside_128.png" frontera = "0" alt = «Siga el creater de Twitinside @yourtwitterid » / >< /a >
< div estilo = "margen-derecho: 0px" >< div id = "twitter_div" >
Twitter dentro de < h2 > < / h2 >
< ul id = "twitter_update_list" >< /ul >
< un id = "twitter-link" style = "display: block; texto-alinee: derecho;" href = "http://twitter.com/yourtwitterid " >< /a >
< / div >
< script src = "http://twitter.com/javascripts/blogger.js" type = "texto/javascript" >< / script >
< script src = "http://twitter.com/statuses/user_timeline/yourtwitterid .Groovy? callback = twitterCallback2 & amp; count = 5" tipo = "texto/javascript" >< / script >< / div >
< /body >
< / html >

Cambiar yourtwitterid a bien su ID de Twitter y la cuenta =5 el número de entradas que desea mostrar.
Guárdelo como twitter.html (he usado twitter.html ya que se utiliza en manifest.json, si cambiar el nombre del archivo manifest.json nombre del archivo html).

Hay mucho que decir acerca de este script, lo consegui de un lugar y usada aquí. Puede utilizar la secuencia de comandos en este archivo también.

Artículos Relacionados

Cómo editar Google Chrome para broma tus amigos gratis

Cómo editar Google Chrome para broma tus amigos gratis

esto es una verdad simple instructable y cualquiera pueden hacerlo. Es una gran broma para tirar tus amigos, familia, etc.. La broma le permitirá editar el contenido de internet y todavía poder usarlo. Eso significa, no es como una de las cosas, dond
Un juego en Google Chrome Offline

Un juego en Google Chrome Offline

Sé que parece una broma pero no... creeme!Incorporar el paso aquí:-Paso 1:- Desconecte su conexión a internet sólo por un tiempo.Paso 2:- Abrir una nueva pestaña en Google Chrome o directamente abrir una nueva ventana de Google Chrome.Paso 3:- Escrib
Como Borrar historial de navegación en Google Chrome por Jaroslaw Gebus.

Como Borrar historial de navegación en Google Chrome por Jaroslaw Gebus.

Ver el video de arriba.Paso 1: Siga estos pasos.1. Haga clic en el icono de google chrome para abrir el navegador.2. Haga clic en la esquina superior derecha 3 guiones.3. Desplácese hasta "más herramientas"4. Haga clic en "eliminar datos de
Cómo instalar aplicaciones de Google Chrome por Jaroslaw Gebus

Cómo instalar aplicaciones de Google Chrome por Jaroslaw Gebus

Pincha para ver el video de arriba sobre cómo instalar aplicaciones desde la tienda de chrome de google.Paso 1: Siga estos pasos:1. Haga clic en el icono de google chrome para abrir el navegador.2. Haga clic en abrir nueva pestaña.3. Haga clic en la
Desarrollo de una página personalizada Newtab para Google Chrome

Desarrollo de una página personalizada Newtab para Google Chrome

Está usted siempre se preguntaba cómo Google Chrome extensiones cambio el diseño de la nueva pestaña de Google Chrome. Y siempre a cambiar el diseño de la nueva pestaña a ti mismo. Entonces has llegado al lugar adecuado. Aquí tenemos un tutorial perf
¿Cómo agregar extensión para Google Chrome?

¿Cómo agregar extensión para Google Chrome?

Para que algún software para que funcione correctamente como IDM (Internet download manager), la extensión del software es necesario agregar a google chrome.Es la extensión predeterminada se agrega a la google chrome después de la instalación, pero s
Cómo cambiar una página web dentro del navegador web Google Chrome

Cómo cambiar una página web dentro del navegador web Google Chrome

este instructable le mostrará cómo cambiar una página web usando el navegador Chrome.Todo lo que necesitas es el navegador de Google Chrome y un ordenador.Paso 1: Abra una página web Abra el navegador de Google Chrome y abrir cualquier página web que
Edición de una página web en Google Chrome

Edición de una página web en Google Chrome

¿qué pasa si te dije que podía editar cualquier página web o sitio web en internet desde el ordenador de casa sin cualquier equipo loco conocimientos de programación o software especial? ¡ Es fácil! Lo único que usted necesita para que este truco fun
Métodos abreviados de teclado para Google Chrome!

Métodos abreviados de teclado para Google Chrome!

Este Instructable le mostrará algunos atajos de teclado útiles para google chromePaso 1: Métodos abreviados de teclado: parte 1 1. Ctrl + DAgregar a favoritos una página web2. Ctrl + FEncuentre abierto- Escriba las palabra o palabras que buscas y que
Búsqueda de Instructables - una extensión para Firefox

Búsqueda de Instructables - una extensión para Firefox

un tiempo atrás publiqué un tema del Foro sobre esto, y pensé que era lo suficientemente frío como para hacer un Instructable. Felicitaciones a NachoMahma para averiguar esto.Este Instructable le mostrará cómo agregar una extensión para Firefox que t
Google Chrome OS desde una unidad USB de arranque

Google Chrome OS desde una unidad USB de arranque

aquí es un tutorial para hacer un pendrive booteable para que pueda arrancar Chrome sistema operativo desde un USB. Con USB puede llevar a lo largo de su sistema operativo y datos con usted dondequiera que vaya.Para más post como:visita:Haga clic aqu
Una extensión no-clavo, no pierde seguridad depósito cocina contador para inquilinos

Una extensión no-clavo, no pierde seguridad depósito cocina contador para inquilinos

soy un reciente Colegio graduado que vive en un apartamento en una ciudad grande y costoso. Puesto que no provienen de alguna familia muy adinerada y no inventó facebook o cualquier otra cosa, bastante mucho va sin sayng que mi cocina es minúsculo.Co
Hacer un personalizada Google Chrome tema de Mario Brothers

Hacer un personalizada Google Chrome tema de Mario Brothers

He estado tratando de publicar un nuevo instructivo, pero debido a la falta de tiempo.De todos modos hace unos días prashjini comentó acerca de un muy antiguo instructable mío así que decidí tomar un tiempo y hacer otra instructable.Esta vez te voy a
Depuración de JavaScript en Google Chrome

Depuración de JavaScript en Google Chrome

A menudo al crear sitios web, los desarrolladores cometen errores. A veces es difícil encontrar exactamente donde ocurre el error. Para resolver este problema, Google ofrece a un depurador integrado en Google Chrome que permite a un desarrollador eje