Mostrar solo los titulos de las entradas en la pagina de inicio de tu blog

Podríamos catalogar esta entrada como un truco. La definición se la dejo a Uds. agradeciendo de antemano su generoso aporte. Bien, vamos entonces a la implementación del mismo: accedemos a nuestra plantilla de la manera habitual, y ayudados por nuestro buscador de códigos (CTRL+F), ubicamos  </head> , y sobre colocamos el siguiente código:

view plaincopy to clipboardprint?

1. <style type='text/css'>  
2.   
3.   
4.   
5. <b:if cond='data:blog.url == data:blog.homepageUrl'>  
6.   
7.   
8.   
9. .post {  
10.   
11. margin:.5em 0 1.5em;  
12.   
13. border-bottom:0px dotted $bordercolor;  
14.   
15. padding-bottom:1.0em;  
16.   
17. height:50px;  
18.   
19. }  
20.   
21. .post h3 {  
22.   
23. margin:.25em 0 0;  
24.   
25. padding:0 0 4px;  
26.   
27. font-size:20px;  
28.   
29. font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;  
30.   
31. font-weight:normal;  
32.   
33. line-height:1.4em;  
34.   
35. color:#cc6600;  
36.   
37. }  
38.   
39.   
40.   
41. .post h3 a, .post h3 a:visited, .post h3 strong {  
42.   
43. display:block;  
44.   
45. text-decoration:none;  
46.   
47. color:#cc6600;  
48.   
49. font-weight:normal;  
50.   
51. }  
52.   
53.   
54.   
55. .post h3 strong, .post h3 a:hover {color:#333333;}  
56.   
57.   
58.   
59. .post-body {display:none;}  
60.   
61. .post-footer {display:none;}  
62.   
63. .comment-link {display:none;}  
64.   
65. .post img {display:none;}  
66.   
67. .post blockquote {display:none;}  
68.   
69. .post blockquote p {display:none;}  
70.   
71. h2.date-header {display:none;}  
72.   
73. .post-labels {display:none;}  
74.   
75. .post-rating {display:none;}  
76.   
77.   
78.   
79. </b:if>  
80.   
81.   
82.   
83. </style>  

Hecho esto guardamos los cambios y vamos al segundo paso, en el cual vamos aENTRADAS DEL BLOG, hacemos click en EDITAR y realizamos el cambio según muestra la imágen:

Hacer click sobre la imágen para agrandar

Luego que realizamos los cambios guardamos los mismos y accedemos a ver nuestro blog para conseguirnos con esto:

Hacer click sobre la imágen para agrandar

Share this: