Publish Post in Blogger Static Pages
Well, not exactly. You can't publish a dynamic post in a static page. But you can make it appear so, by labeling your posts and linking you label to your linklist. That's what this tutorial is about. If you want a demo, feel free to click on the Places, Review, Transformers and Photography link on top of this blog, and you will get a live demo of what I've been talking about.
At the end of this tutorial, you will be able to click on one of the links from your Pages Gadget, and you'll be able to see few of your selected posts in a page. These posts are selected based on labels.
At the end of this tutorial, you will be able to click on one of the links from your Pages Gadget, and you'll be able to see few of your selected posts in a page. These posts are selected based on labels.
Step 1:
Select the posts that you want to be featured. These posts will be dynamically displayed in a page that can be accessed from the menu bar. To select posts, you gotta label it. You can have different categories as you like. In this tutorial, I will add two links to the Link List that will lead to a page that contains a selected few of my posts. Label each category differently.
From your Dashboard - Edit Posts - Check the boxes - Apply new label
I want to have a page that has all my tutorial posts in it, and another one that has my reviews. So I have two kinds of labels, Tutorial and Review.
Select the posts that you want to be featured. These posts will be dynamically displayed in a page that can be accessed from the menu bar. To select posts, you gotta label it. You can have different categories as you like. In this tutorial, I will add two links to the Link List that will lead to a page that contains a selected few of my posts. Label each category differently.
From your Dashboard - Edit Posts - Check the boxes - Apply new label
Step 2:
In this step, you have to find the link to your label page, which has your labeled posts in it. It's simple, either click on the label at the bottom of the post, or just follow the following format:
In this step, you have to find the link to your label page, which has your labeled posts in it. It's simple, either click on the label at the bottom of the post, or just follow the following format:
http://blogname.blogspot.com/search/label/LaBeLnAmEThe label name is case sensitive. My two label links are:
http://southernspeakersv2.blogspot.com/search/label/TutorialIf your label has two words, place %20 instead of space between the words. For example, if your label name is My Book, then your label link will look something like:
http://southernspeakersv2.blogspot.com/search/label/Review
http://southernspeakersv2.blogspot.com/search/label/My%20BookBefore proceeding, try accessing these pages, see if you can view a page that has only a selected posts in it.
Step 3:
If you don't already have a Pages gadget, it's time to add one. Go to Page Elements/Layout - Add a Gadget - Pages.
Next, we want to add our label's link to our Pages gadget. Use the new Blogger interface for this part, if you're not already using it. Go to Dashboard - Pages - New Page - Web Address. Paste the the address of your label in the box.
If you don't already have a Pages gadget, it's time to add one. Go to Page Elements/Layout - Add a Gadget - Pages.
Next, we want to add our label's link to our Pages gadget. Use the new Blogger interface for this part, if you're not already using it. Go to Dashboard - Pages - New Page - Web Address. Paste the the address of your label in the box.
Step 4:
You're done! But wait.. In your blog, if you have a post which is newer compared to the latest post in your virtual page, you will be greeted with a tag that looks like this:
You can remove this by adding the following CSS code:
Happy trying.
You're done! But wait.. In your blog, if you have a post which is newer compared to the latest post in your virtual page, you will be greeted with a tag that looks like this:
You can remove this by adding the following CSS code:
.status-msg-wrap{
display: none;
}
Template Designer - Advanced - Add CSS - Paste the above code there.Happy trying.
Category Article Tutorial
