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>
