Componente de Blog generado por HTML

The blog component consists of the following: El componente de Blog es único y tiene más de una sección de HTML para dar estilo sobre múltiples páginas creadas dinamicamente.

  • Publicaciones de Blog.

  • Comentarios.

  • Un formulario de sumisión de comentarios.

  • Una página de archivo de Blog.

 

Para mejores resultados necesitas dar estilo a cada pieza. Abajo encontrarás el código HTML para cada pieza del componente de Blog.

Publicaciones generada para el Blog por HTML (Publicación completa y resumen de publicaciones)

<divclass="component blog_component">
 <h2><span>blog component title</span></h2>
 <divclass="component_content">

   <divclass="blog_post">
     <h3class="title"><ahref="">blog post title here</a></h3>
     <divclass="post_wrapper">
       <divclass="date">Posted date goes here</div>
       <divclass="content">
         <p>post content goes here</p>
       </div>

       <divclass="metadata">
         <divclass="comments"><ahref="">0 comments</a></div>
         <spanclass="category">
           Posted in <ahref="">category name here</a>.
         </span>
         <divclass="tags"><ahref="">a tag</a></div>
       </div>
     </div>
   </div>

 </div>
</div>

Publicaciones generada para el Blog por HTML (Solo muestra títulos)

<divclass="component blog_component">
 <h2>
   <span>blog title goes here</span>
 </h2>
 <divclass="component_content">
   <ul>
     <li>
       <ahref="">blog post title goes here</a>
     </li>
   </ul>
 </div>
</div>

Comentarios generados para el Blog por HTML (Solo muestra títulos)

<divid="comments">  
 <divclass="comment even">
   <spanclass="comment_number">
     <ahref="">Comment Number Goes Here</a>
   </span>
   <spanclass="comment_name">
     <ahref="">Name Goes Here</a>
   </span>
   <spanclass="date">Date Goes Here</span>
   <divclass="content">
     <p>Comment Goes Here</p>
   </div>    
 </div>
</div>

Comentarios generados para el Blog por HTML

<divid="comment_form_area">
 <h2>Add comment</h2>
 <formid="comment_form">
   <div>
     <divclass="input_wrapper">
       <label>Name: </label>
       <inputid="new_comment_name"type="text"size="30"/>
     </div>
     <divclass="input_wrapper">
       <label>Email: </label>
       <inputid="new_comment_email"type="text"size="30"/>
     </div>
     <divclass="input_wrapper">
       <label>Website: </label>
       <inputid="new_comment_website"type="text"size="30"/>
     </div>
     <divclass="input_wrapper textarea_wrapper">
       <label>Comment: </label>
       <textareaid="new_comment_body"cols="40"rows="20"/>
     </div>
     <divclass="submit_wrapper">
       <inputtype="submit"value="Submit"/>
     </div>
   </div>
 </form>
</div>

  • 0 Benutzer fanden dies hilfreich
War diese Antwort hilfreich?

Verwandte Artikel

Componente de Blog

¡Muestra tus publicaciones que tienes escritas como una lista, resumen o publicaciones completas...

Componente Blogroll

Este componente te permite enlistar y enlazar a tus blogs favoritos. Dónde encontrarlo Este...

Importar publicaciones de Blog

Si tu tienes publicaciones de Blog creadas a través de otro proveedor de hosting y quieres que se...

Configuraciones de Blog

Estas configuraciones afectan los componentes de Blog que si tienes en tu sitio web. Si estás...

Eliminar una publicación de Blog

Tu puedes eliminar una publicación de Blog dando click en el icono en la sección de Administrar...