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 Los Usuarios han Encontrado Esto Útil
¿Fue útil la respuesta?

Artículos Relacionados

Crear una nueva publicación de Blog

Para crear una nueva publicación de Blog, tú querrás acceder a la sección de Blog en la Barra de...

Ver una publicación de Blog

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

Administrar configuraciones de comentarios

Estas configuraciones afectarán todos los comentarios que han sido agregados a tu sitio web....

Administrar publicaciones

Aquí serás capaz de crear, ver, editar o eliminar una publicación. Las Categorías de Blog y...

Componente de Blog

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