Home » Archives for September 2010
Monday, September 27, 2010
0
Monday, September 27, 2010
abhi
How to center post title (customization)
If you want to center (or align left or align right) the post title, sign into Dashboard > DESIGN > EDIT HTML to open the template editor and search for .post h3 (use ctrl+F) or code that may look something like those below (code below for Minima template, yours may be slightly different):
Reminder: Always backup template and backup gadgets before editing the template.
The just add this line text-align:center;
preview and if OK, save template.
If you want to align the post title to the left or to the right, just substitute text-align:center; with either text-align:left; or text-align:right;
Note: If you can't find the relevant code, let me know what template you are using via my contact form
read more
Reminder: Always backup template and backup gadgets before editing the template.
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
The just add this line text-align:center;
.post h3 {
text-align:center;
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
text-align:center;
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
preview and if OK, save template.
Update: Different template may define post title differently. For example, a commentator found that for her, it was
h3.post-title {
h3.post-title {
If you want to align the post title to the left or to the right, just substitute text-align:center; with either text-align:left; or text-align:right;
Note: If you can't find the relevant code, let me know what template you are using via my contact form
0
abhi
While blogs started as web logs or weblogs (chronological publication of personal thoughts or diary) and thus characteristically have a date header like the one above this post, but because blogs have now become a convenient way of putting content online, many have been using blogs for other purposes more like a typical website, many bloggers want to get rid of the typical date header.
That is not difficult to do. Sign into Dashboard > Design > Edit HTML to open the template editor and look for the block of code like the one below (for the Minima template, yours depending on your template may be slightly different):
and just add this line: visibility:hidden; for example like below:
and the date header will be gone.
read more
How to hide blog date header
Update: There is an easier way to do this without editing the template directly. See Blogger "Edit posts" options
I have tested "unticking" the date header by testing at Testing Blogger Beta without editing directing the template directly at Testing Blogger Beta and you can check a label page eg Label: Comments you would see that there are no date header. Also read the comment: puluth® has left a new comment on your post "How to hide blog date header":
Thanks. but how to remove it from blogger label page?
I have tested "unticking" the date header by testing at Testing Blogger Beta without editing directing the template directly at Testing Blogger Beta and you can check a label page eg Label: Comments you would see that there are no date header. Also read the comment: puluth® has left a new comment on your post "How to hide blog date header":
Thanks. but how to remove it from blogger label page?
While blogs started as web logs or weblogs (chronological publication of personal thoughts or diary) and thus characteristically have a date header like the one above this post, but because blogs have now become a convenient way of putting content online, many have been using blogs for other purposes more like a typical website, many bloggers want to get rid of the typical date header.
That is not difficult to do. Sign into Dashboard > Design > Edit HTML to open the template editor and look for the block of code like the one below (for the Minima template, yours depending on your template may be slightly different):
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}
and just add this line: visibility:hidden; for example like below:
/* Posts
-----------------------------------------------
*/
h2.date-header {
visibility:hidden;
margin:1.5em 0 .5em;
}
-----------------------------------------------
*/
h2.date-header {
visibility:hidden;
margin:1.5em 0 .5em;
}
and the date header will be gone.
Subscribe to:
Comments (Atom)




