How to add gadget within a page/post on blogger blogspot
Our recommended articles
- how to add gadgets or create add a gadget on bloggerÂ
- How to find gadget ID on bloggerÂ
- how to add link 🔗 on YouTube video descriptionÂ
- how to add Paypal payment button on bloggerÂ
Step 1: create the post
Go to your blogger dashboard on blogger.com and using the sidebar menu select “posts”.
Click create a post to start creating your post.
If you want to add the gadget in the middle you need to write the content of the post that will appear above the gadget in this step and then publish the page.
Don’t forget the URL of this post because we are going to use it in the step 4
Step 2: add the gadget
After you have published your post go straight and add the gadget that you want it to appear within the post or page.
After adding the gadget save it. Place it immediately under the blog post and note this gadget ID too.
Step 3: create the rest of the post with a new gadget
Now go to your pages section once again through the sidebar menu on your dashboard and click create post (this should not be the first post on the step 1)
Create the content that you want it to show under the gadget in step 2.
After you have finished creating the rest of the content. Don’t published the post.Â
Change the content to HTML view in the post editor.
Copy the entire codes and then delete the post or save it to draft in case you may need it in the future.
Go to the layout and add a new “HTML/JavaScript gadget” paste the codes you have copied in the editor and save the gadget.
Place the gadget immediately after the gadget in step 2
Note this gadget’s ID too.
Step 4: edit the HTML codes on the template
Go to the “themes” on the sidebar and click the arrow beside the “customize”
A list will pop up. Click “edit HTML”
Your blog’s template HTML codes will appear.
Now your gadgets will show on your entire blog by default. So you need to change it to show on your new desired post or page only. This process is the same for both the two gadgets.
Replace the “YOUR NEW POST URL” on the following codes with the URL of the post or page you created in step 1.
Copy and paste the code in the gadgets.
Now save your template.
Important: before saving your template preview it to make sure you don’t make any sloppy mistake.
Do you enjoy reading how to add gadget within page/post on blogger blogspot? Give us your feedback.