How to remove the blog title from a Blogger blog...
Never mind... Success. It's interesting - I searched ALL over the web and couldn't come up with much. A little digging around and some rudimentary Java trial and error... voila.
The Cowboys Way. How to remove the blog title from a Blogger blog.
First off, take a deep breath. Blogger isn't as bad as you think... and Java isn't as scary as it sounds (who names code after coffee anyway?). Search for the following text (or variation thereof) that appears in your Edit HTML section of the Blogger backend:
Then add the bits in bold... It's that easy. And you would think the might of Google would've given me a helping hand. Index away bots.
The Cowboys Way. How to remove the blog title from a Blogger blog.
First off, take a deep breath. Blogger isn't as bad as you think... and Java isn't as scary as it sounds (who names code after coffee anyway?). Search for the following text (or variation thereof) that appears in your Edit HTML section of the Blogger backend:
/* text
----------------------------------------------- */
#header h1 {
color: $blogTitleColor;
font: $pageTitleFont;
display:none}
#header .description {
margin: 0;
padding: 7px 16px 0 84px;
color:
$blogDescriptionColor;
font: $blogDescriptionFont;
display:none}
Then add the bits in bold... It's that easy. And you would think the might of Google would've given me a helping hand. Index away bots.
Or... if this doesn't work, try this little hack from our coder friend, Mathew Payne.
ReplyDelete/* ---( header and site name )--- */
.descriptionwrapper{
display:none;
}
.titlewrapper{
display:none;
}
#header-wrapper {
height:224px;
margin: 0;
padding: 0;
font: $pagetitlefont;
background: #e0e0e0 url(http://INSERTYOURHEADER.jpg) no-repeat 10px 0px;
}
----===----
DescriptionWrapper and TitleWrapper are styles that are defined by blogger but not used. Then add the height def under HeaderWrapper = height of image.
Voila.
Thank you so much! I can't believe it was that easy!
ReplyDeleteThis is awesome, ta muchly.
ReplyDeleteit works, thanks! :p
ReplyDeleteWhen I add the "display:none" property, my entire header disappears, not just the title. I'm not sure what weird quirk in my template is causing this, but if anyone would be willing to advise me, I'd be eternally grateful. (blog: bittersweetlife)
ReplyDeleteThe optional second method in the comments isn't working either.
Interestingly enough... I've just noticed that on certain blogger templates - you can actaully got to the TEMPLATE tab, edit layout, click edit on the header and load your own picture.
ReplyDeletePretty cool.
Things to watch out for:
1. looks different on IE and FireFox.
2. You pretty much have to get image height and width to match that of the template
3. they had some caching issues when i first tried - losing my images - but i removed, re-added and everything hunky dory since then.
you can actaully got to the TEMPLATE tab, edit layout, click edit on the header and load your own picture.
ReplyDeleteThat's what I ended up doing. And you're right, you have to size the banner just right.
WOW! I can't believe. Thank you so muchhhhhhhh ;)
ReplyDeletethank you!!
ReplyDeleteGod bless!!
Its Working!
ReplyDeleteWoohooo! Thanks for this, your rock kind sir.
ReplyDelete