Skip to main content

Putting A Post At The Top (A "Welcome" Post) - Part 2

Many people have asked how they can have a Welcome or Index message in their blog.

I have a Welcome message, at the top of Nitecruzr Buzz, or on this blog, for instance.

This blog uses a text gadget, positioned above the post gadget, which leaves a gadget that shows up on every page. On Nitecruzr Buzz, I used a future dated post, so my "Welcome" showed up only on the "Home" page. Neither solution was optimal.
  • A true "Welcome" message should show up only on the "Home" (first) page. A text gadget shows up on every page.
  • A future dated post shows up only on the "Home" page, but it shows up in the Archive index with a future date.


Today, I fixed my Buzz Welcome message, so it only shows up on the "Home" page, and it does not show up as a post, in an archive index.

What I now have is a Text gadget, that only displays on the "Home" page. Here's how you do that.

First, (you should have to ask?) backup the template. Then add a Text gadget to the page, and position the gadget just above the post gadget. Give it a snappy title, "Welcome To My Blog!".

Then tweak the new gadget.
  1. Identify the gadget to be tweaked.
  2. Add the Conditional Gadget CSS rule, using the Template Designer "Add CSS" wizard.

  <b:if cond='data:blog.canonicalUrl != data:blog.homepageUrl'> <style> #Text1 {display: none !important;} </style> </b:if>

Remember to add a blank line, above or below the code block being added, if there is already code visible in "Add CSS".

Save the change. Edit the text gadget as displayed on the blog, and remove the "WelcomeMessage" title. And of course, backup the template, again. And, it's done.

Now, if you want a dynamic "Welcome" page - maybe one based on posts published to a given label, you can do that too, with just a bit more work. And there are several variations on the "if" statement, that will let you selectively display (or not display) your gadget on other specific pages.

An easy alternative solution for this need, more recently offered, would be to use a static page, and a redirected Home page.

The choices are multiple. Just consider your needs, and how easy the various alternatives may be.

Comments

Chris Meirose said…
This. Is. Amazing. Seriously, thanks for putting this guide together. Works perfectly - used it at Waseca VBS site.
eo said…
Thank you!

I had two big problems.

1. No permanent "Welcome Post" at top, and

2. The BIG problem: only 1-2 posts showing up on home page. I did your answer to #1 and it also fixed #2!

Yeah.

By the way, do you know why doing #1 also has appeared to fix #2?

Thanks again, Sarah
amy said…
thanks for the clear instructions. it worked, but is there anyway to get rid of the "No posts" message?
Nitecruzr said…
Amy,

"Showing 0 posts" is the status message, which can be removed by editing the post template.
Unknown said…
Thanks, it worked, but how do I have a photo only appear on the Home page?
Nitecruzr said…
Women,

Why not add a Photo gadget, and setup the Photo gadget to appear on the Home page - just as you do an HTML / Text gadget?
Rob Ainbinder said…
Thank you, thank you! Now we have a blog customized to be more like a site for our fledgling Gourmet Nut business.Great resource.
J.S.Watts said…
I just tried and the text gadget disappeared from ALL pages including the hompage :-(
Shawn C. Parker said…
Placing the code to make the welcome show only on the homepage did not work! And the post editor will not allow 0 posts. The lowest number you can use is 1. Anymore ideas?
Shawn C. Parker said…
I'm sorry it actually did work!...still shows sidebars. Can we do it without showing the sidebars?
Nitecruzr said…
Shawn,

You can suppress the sidebars, using conditional style sheet code. I have that guide in the works.
Ernest said…
thank you. this really helped!
Admin said…
Amazing! It did work. Thank you for the guide. It really helps. Though, I didn't use the Text gadget, I just used the HTML/Java Script gadget and followed the guide and inserted the under the widget. Again, thanks!

Quick, Easy and Healthy Recipes
Unknown said…
Awesome, thanks for the incredibly well organized and detailed explanation of how to do all this
.brittney. said…
I posted this question on another part of this tutorial, but it's driving me crazy, so I thought I would post it here, too, just in case...

I wanted to ask you if it's possible to use two conditional codes for one widget/blog element? For example, if I only wanted my labels widget to appear on two static pages and no where else. Is this possible? Thanks ever so!
.brittney. said…
Amazing tutorial, btw! ^_^
Thank you, N-Buzz (is this your name?) This is exactly what I wanted to achieve. But it has a problem on my blog -- when I click on a Topic, the page will display, in the place of that "Welcome message" a box saying "Showing newest posts with label bibliography. Show older posts" -- How can I make this disappear? It should be either The welcome message or not come up! Thanks,
Great post! I used it and it worked. It was simple and looks good. Thanks.
GnC said…
The conditional statement removes the contents of the gadget, but it does not remove the gadget altogether. There is still a small empty space left, which is also apparent on your own page. If you use a gadget background that is different from the blog background you will see the gadget as a narrow empty block. Is there a way to remove it completely?
Priteesh said…
what if i want an image to stay at top
HELLO said…
I followed your instructions but the welcome test message is still appearing at the top of all my 'pages'. Is there anything I may have overlooked? I've checked and double checked your code that I copied and pasted. Thanks!
HiGNSTORE said…
Thank you! It really worked!!
vipinlalt said…
Good it worked thanks for this effort.................
Ambika said…
I cannot thank you enough. Works perfect.
FinancialAgents said…
Ok, this is a very nice solution, even though, i wish the fixed welcome post at the begining to be the same size of the posts. i want it to look as a post in the future date because i have clumns at the sides and i dont want them at the bottom of the welcome post but aside.

Popular posts from this blog

What's The URL Of My Blog?

We see the plea for help, periodicallyI need the URL of my blog, so I can give it to my friends. Help!Who's buried in Grant's Tomb, after all?No Chuck, be polite.OK, OK. The title of this blog is "The Real Blogger Status", and the title of this post is "What's The URL Of My Blog?".

Leave Comments Here

Like any blogger, I appreciate polite comments, when they are relevant to the blog, and posted to the relevant article in the right blog. If you want to ask me a question thats relevant to blogging, but you can't find the right post to start with (I haven't written about everything blogger related, yet, nor the way things are going I don't expect to either), ask your questions here, or leave an entry in my guestbook.

As noted above, please note my commenting policy. If you post a comment to this post, I will probably treat it as a "Contact Me" post. If you have an issue that's relevant to any technical issue in the blog, please leave a comment on the specific post, not here. This post is for general comments, and for non posted contact to me.

If the form below does not work for you, check your third party cookies setting!

For actual technical issues, note that peer support in Blogger Help Forum: Something Is Broken, or Nitecruzr Dot Net - Blogging is, almos…

What Is "ghs.google.com" vs. "ghs.googlehosted.com"?

With Google Domains registered custom domains becoming more normal, we are seeing one odd attention to detail, expressed as confusion in Blogger Help Forum: Learn More About Blogger.My website uses "ghs.google.com" - am I supposed to use "ghs.googlehosted.com", instead?It's good to be attentive to detail, particularly with custom domain publishing. This is one detail that may not require immediate attention, however.