Display Gadgets On The Page Of Only One Post In Blogger

In a recent post we looked at how to display gadgets and widgets on only the home page or the post pages of your blog.The effect could give both your home page an post pages a unique look and make the most of the space on both.

A comment on that post from Kate asked the following :

Is there a way to make a gadget appear on only ONE of the extra "Pages" that Blogger allows us? Or, a way to add a gadget to one Blog Post that I can create a hyperlink to?

I looked at using a similar technique as in the other post and it worked, So The answer is Yes You can display gadgets on only the page of a specific post, great question and here's how it's done.

Post Specific Gadgets In Your Blog

Step 1. You must first have the post published and then add the gadget as normal.

You will have to find the gadget in your blogs html so make sure to give it a unique title.You should give it the title xxxxx and later change this or remove it.You will also need the URL address of the post you want the gadget to be available on.The URL is the address that appears in the address bar at the top of your browser.

Once the gadget is added you can move to the next step.

Step 2. In your dashboard Click 'Layout' > 'Edit Html' > Tick the 'Expand widget templates' box

Step 3. Now you want to find the gadget in your template so you look for the title of your gadget or xxxxx if you used that name.

(The easiest way to do this is to click 'CTRL and F' for a search bar to help find the code - for more info on this Click Here.)

Step 4. Once you find the gadget it will look similar to the code below you can see the title xxxxx, the code displayed here is the entire code for the gadget :

<b:widget id='HTML1' locked='false' title='xxxxx' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>

Note: For some gadgets like your archive, the section will be larger but you want everything between :

<b:widget id='HTML1' locked='false' title='xxxxx' type='HTML'>

And

</b:includable>

Step 5. Now we have the code for the gadget we have to add two pieces of code to make it display on only one post.

Copy the code in red below and add it to the positions as shown :

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "PUT-THE-POST-URL-HERE"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>

Now replace PUT-THE-POST-URL-HERE with the URL of the post you want the gadget to be on.

Once you sure you have the code added correctly you can save your template.The gadget should only appear on the page of the post you entered.

Note : You can edit the gadget and change the name from xxxxx or remove the title.

Great question Kate, i hope this helps and I'm sure it's a trick that will help other as well.Here is the link for the post on setting gadgets to post pages and the home page only.

If you ever have a question or a suggestion for a post you can use the comments or the 'Contact me' form I'm always looking for suggestions.

If You Enjoyed This Post Please Take 5 Seconds To Share It.

Stay Connected With Free Updates

Subscribe via Email