Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Como Crear Foros

    Cargado por

    Martin Enrique Ponce Machacado
    26 vistas4 páginas

    Título original

    como crear foros

    Derechos de autor

    © Attribution Non-Commercial (BY-NC)

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    26 vistas4 páginas

    Como Crear Foros

    Cargado por

    Martin Enrique Ponce Machacado

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 4

    Colaboraciones con el Grupo de Trabajo Proyecto Web para la EOI Getafe

    http://www.eoigetafe.es/

    Cómo crear un Foro en un blog de BLOGGER


    Tomado del tutorial de Blogger en http://www.taringa.net/posts/ebooks-
    tutoriales/4944144/Crear-foro-en-Blogger.html y enviado por EnriqueRM (Avanzado
    2, 2009-2010) para la comunidad de EOI Getafe

    Lo más probable es que todos sepamos lo que es un foro o


    comunidad. En blogger, desgraciadamente, no disponemos de la
    opción "crear un foro" y por tanto resulta un poco difícil obtener uno.

    Tras haber estado bastante tiempo dándole vueltas a la cabeza se me


    ocurrió un método para hacer que un blog de blogger se convierta en
    un auténtico foro.

    Ver foro de wwehacker

    A continuación te explicaré paso por paso como crear tu propia


    comunidad en blogger:

    1) Crea un nuevo blog

    2) Dirígete a:
    Diseño>Edición de HTML>expandimos artilugios

    3) Selecciona todo el código de la plantilla y bórralo.

    4) Ahora, pega esta "plantilla" en su lugar:

    <?xml version="1.0" encoding="UTF-8" ?>


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html expr:dir='data:blog.languageDirection'
    xmlns='http://www.w3.org/1999/xhtml'
    xmlns:b='http://www.google.com/2005/gml/b'
    xmlns:data='http://www.google.com/2005/gml/data'
    xmlns:expr='http://www.google.com/2005/gml/expr'>
    <head>
    <b:include data='blog' name='all-head-content'/>
    <title>TITULO DEL BLOG</title>
    <b:skin><![CDATA[/*
    -----------------------------------------------
    Foro para Blogger
    Diseñado por Nabble y adaptado por Wwe-cv (http://wwe-

    1
    Colaboraciones con el Grupo de Trabajo Proyecto Web para la EOI Getafe

    http://www.eoigetafe.es/

    cv.blogspot.com/)
    ----------------------------------------------- */
    body {
    background:#FFFFFF;
    }
    ]]></b:skin>
    <!-- Favicon-->

    <link href='URL DEL FAVICON' rel='shortcut icon' type='image/x-


    icon'/>
    <link href='URL DEL FAVICON' rel='icon' type='image/ico'/>
    <link href='URL DEL FAVICON' rel='shortcut icon' type='image/ico'/>

    <!-- Favicon-->
    </head>
    <body>
    CODIGO JAVASCRIPT DE NABBLE
    </body>
    </html>

    5) Accede al sitio web Nabble.

    6) Escoge tu nombre de usuario, el nombre de tu foro (título) y


    redacta una breve descripción.

    7) Serás reenviado a tu propio foro. En la esquina derecha


    encontrarás varios enlaces. Busca el que dice "Embedding options" y
    haz clic en él.

    8) Copia el script que te ofrecen y pégalo en la plantilla (que


    previamente aplicaste al nuevo blog), reemplazándolo por CODIGO
    JAVASCRIPT DE NABBLE.

    9) Ahora, en caso de tener favicon en el blog, inserta su URL en


    donde dice URL DEL FAVICON (debes hacerlo tres veces).

    10) Por último escribe un título en el blog, borrando antes la frase


    TITULO DEL BLOG y guarda la plantilla.

    Crear un foro en una página independiente o estática dentro


    del blog

    Tras haberos enseñado a crear un foro en blogger, os traigo un nuevo


    truco que se me ocurrió mientras construía el foro de "prueba" para
    El Balcón.

    2
    Colaboraciones con el Grupo de Trabajo Proyecto Web para la EOI Getafe

    http://www.eoigetafe.es/

    Se trata de hacer una comunidad siguiendo el mismo procedimiento


    que vimos en la entrada anterior pero esta vez, hacer que se muestre
    en una entrada individual.
    Ver el blog normal
    Ver la entrada del foro

    Sigue los pasos y en poco tiempo tendrás una nueva forma de


    comunicación y expresión en tu blog.

    1) Crea una nueva página independiente en el blog (leer tutorial)

    2) Ve al apartado de Diseño y añade un nuevo gadget html-


    javascript:

    Diseño>añadir gadget (elemento de página)>html-javascript

    Pega en el contenido, el código ofrecido en el sitio web Nabble (ver


    pasos para crear el foro) con la siguiente línea:

    <a href="URL BLOG">Inicio del blog</a></center>SCRIPT DEL


    FORO AQUI
    <style>#main-wrapper{visibility: hidden; display: none; height:
    0px;}</style>

    Reemplaza SCRIPT DEL FORO AQUI por el código que te ofrecen en


    Nabble, así como URL BLOG por la dirección de tu blog.

    Esto hará que el foro cargue a mayor velocidad y evitando que el blog
    se paralice.

    Finalmente introduce el título: Mi Foro (luego podrás editarlo) y


    guarda el gadget.

    3) Coloca el elemento html-javascript bajo la cabecera del blog. En


    esta entrada puedes ver como habilitar dicha zona y así pocer añadir
    gadgets.

    4) Dirígete a la opción de Edición de HTML:


    Diseño>Edición de HTML>expandimos artilugios

    3
    Colaboraciones con el Grupo de Trabajo Proyecto Web para la EOI Getafe

    http://www.eoigetafe.es/

    Busca un código similar a este (aunque sea distinto, debe contener la


    frase "Mi Foro"y añade las líneas que ves en color VERDE

    <b:widget id='HTML4' locked='false' title='Mi Foro' type='HTML'>


    <b:includable id='main'>
    <b:if cond='data:blog.url ==
    &quot;http://linksdelbalcon.blogspot.com/p/foro-del-
    balcon.html&quot;'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <data:content/>
    </div>

    <b:include name='quickedit'/>
    </b:if>
    </b:includable>
    </b:widget>

    Como comprobarás, hay una dirección web:


    http://linksdelbalcon.blogspot.com/p/foro-del-balcon.html, se trata
    de la URL o dirección de mi entrada independiente o estática. Debes
    reemplazar esa URL por la de tu entrada.

    5) Guarda la plantilla para terminar:

    Ahora simplemente necesitas anunciar tu foro en el blog. Puedes


    poner un enlace en la sidebar (barra lateral) para que tus lectores se
    adentren con facilidad en él.

    También podría gustarte