Blogspot: How To Embed An Amazon aStore In Blogger Blog

Blogger has made it easy for newbies.

I don’t know about you, but I’m not all that techie when it comes to changing code in HTML or CSS blog templates. I could never figure out how to add my Amazon aStore to Blogger blogs. I always had to link to it off site. It looked odd because it didn’t look like it was a part of my blog. But now using Blogger’s new stand alone page gadget, I’ve finally figured it out. Blogger has made it easy for us newbies. We can easily add up to ten stand alone pages to a Blogger blog. Each page will have the same header as the blog. There are still some things you may need to work on to get your blog to look exactly as you want it, but I think you‘ll be happy with your results. This Hub is to share with newbies, like me, how to do this step by step.

You can easily add your aStore to Blogger.
You can easily add your aStore to Blogger.

Add a “Page” gadget.

Log in to your Blogger account. Go to the ”Layout” tab and click “page element”. Then click the “add a gadget” link that is between the header and the blog post elements.


Start by adding a "Page" gadget.

Click “Pages (New!)" to add a stand alone pages gadget to your blog.

Click "Pages (New!)

The “Configuration Page List” box will appear. You can add a title to label your gadget if you want to, but it’s not required.

Click Save on "Configure Page List"

The box that says to automatically add a new page will already be checked. Leave it checked if you want all pages you created to be automatically added to the navigation bar/ list. Also, the “Home” box will already be checked. If everything is like you want it, then click the save button to exit.

You will see the “Pages” gadget on your Layout/ Page Elements page as shown below.

You should see the "Pages" gadget under the blog header.

Click “view your blog” to see your Blog page. You will notice a “Home” link in the area under your Blog header.   

A link for your "Home" page will be under the blog header.

Create a stand alone page.

Now you need to set up a stand along page for your Amazon aStore. Go back to your blog’s back end and click the “Posting” tab.
This will bring you to the “New Post” element, but you don’t want to post, so click “Edit Pages”. Click the “ok” button when you’re prompted to navigate from the “new post" page. This will bring up the following page.

Click "New Page" under "Posting" and "Edit Pages" tabs.

Once there, click the “New Page” blue button.  This will bring up an editor(as shown below) for your stand along page’s content.

Type aStore title & paste the code for aStore in the HTML editor.

Type in the page title you want for your aStore. You can type in a title like “Shop”. Then click the tab that says “Edit HTML" for the HTML editor to open. This is where you’re going to paste in the code for your Amazon aStore. Sign in to Amazon to get your aStore “inline frame" code. Highlight and copy it. Then go back to Blogger and paste your “inline frame" code into the HTML editor. Click “Publish Page” then click “View Page” to see how your blog looks with your new aStore stand alone page.

Your page was successfully published box will appear.

You will now notice that the name you gave your aStore is shown across the top next to “Home” and your aStore is on the page. You can click “Home” to go to the home page of your blog, then click “Shop” again to go back to your aStore. Your aStore is embedded into your Blogger blog!

Your Amazon aStore is embedded in Blogger & the link is in the navigation.

You can change the position of navigation bar if you want to.

If you want your navigation(page) buttons located on the side column instead of across the top under the header, you can move them to the side column. Simply click, hold down and drag the “Pages" gadget to underneath the “add gadget" link on the side column as shown below.

Drag "Pages" gadget to the side column if you want it on the side.

How to fix width problems.

I’ve learned from experience that the aStore height is too long for my page so I trim it down to about 1000 pixels. That’s easy to adjust. However, trying to get the Amazon aStore’s width to fit on Blogger can be a huge headache. Thanks to some smart and really nice fellow Amazon associates, you don’t have to learn a lot of code to get your aStores to fit in Blogger. Many Amazon associates have posted their customized templates to save you time. They have created some narrow or skinny aStore templates and posted them to share with the rest of us. If you want to use a shared template, edit your aStore and click on “Shared” templates. There isn’t a search bar to type in a search term, so you have to browse through the templates and find the ones that say “narrow” or “skinny”. I’ve found some that worked out fine, but I had to tweak them to change the colors to ones I want.

A quicker fix for Amazon aStore width problems.

If you don’t want to bother with the Amazon aStore template at all, the easiest way to get it to fit inside your Blogger blog is to use Blogger’s new Designer Template to adjust the width. You can change the width by a simple adjustment of a slider bar on your screen. Read my article for more information on Blogger’s new Designer Template.

I wish you much success on adding your Amazon aStore to your Blogger blog.

Join HubPages now and start making money 24/7 like me.The Internet & HubPages NEVER sleeps.


More by this Author


Comments 33 comments

Sandyspider profile image

Sandyspider 6 years ago from Wisconsin, USA

I managed to do this on one of my many blogs no one reads. LOL I will have to keep coming back for your tips.


NoRR4Me profile image

NoRR4Me 6 years ago Author

Thank you Sandy.

I've figured out that the principles for getting traffic to Hubs is the same as for blogs. I've just begun to work on this using tips from other Hubbers. I'll see how it works out.

Thanks again.


FGual profile image

FGual 6 years ago from USA

Timely information from a helpful Hubber, I was wondering how to get an astore into Blogger. Thanks.


NoRR4Me profile image

NoRR4Me 6 years ago Author

Thanks FGual! I figured it out after a long while and thought I'd share the info.


iriegirl profile image

iriegirl 6 years ago from Jamaica

Can you show how to get an astore into word press. Iam having problems doing this.


NoRR4Me profile image

NoRR4Me 6 years ago Author

Hello iriegirl, another hubber has a hub on how to put an astore into word press. I haven't tried to put my astore into my word press blog before. I'm sorry. Maybe I'll check into doing that myself sometime. Thanks.


europe24me profile image

europe24me 6 years ago from Pomona

extremely good right up! I had to search every where but you hit it on the nose and if I have any other question I am sure I will contact you!


NoRR4Me profile image

NoRR4Me 6 years ago Author

Europe24me, thank you for your nice comment. I'd be glad to help and answer other questions you may have.


Emy 6 years ago

Thank you very much

Go Ahead


NoRR4Me profile image

NoRR4Me 6 years ago Author

You're welcome Emy. Thank you for your comment.


B.K. Pravin profile image

B.K. Pravin 6 years ago from India

Excellent Hub. Very Useful. Thanks for the step-by-step presentation.


NoRR4Me profile image

NoRR4Me 6 years ago Author

Thanks B.K. Pravin. I'm glad you found it useful.


melissa 6 years ago

thanks sooo much - this was great!


NoRR4Me profile image

NoRR4Me 6 years ago Author

You're welcome Melissa. I'm glad it was helpful.


NoRR4Me profile image

NoRR4Me 6 years ago Author

Thank you for commenting tede.


wearing well profile image

wearing well 6 years ago from Lancashire U.K.

Thank you NoRR4Me for this tech info.Might come in useful for me,if and when I get my own website.

Can I request you do the same hub for instructions on How to install an amazon store here at hubpages;that's if it is possible?Thanks again:)


NoRR4Me profile image

NoRR4Me 6 years ago Author

You're welcome Wearing well. We can't add an Amazon aStore into our hubs, but we can put links to an aStore in the text of our hubs. When a visitor clicks on the link, they will be taken directly to the aStore.

Thank you.


Connie 5 years ago

Hey thanks! I just couldn't figure it out. You made it easy.


MosesofBlog 5 years ago

This was a great article but while I was working through it I found an easier way. It entails using the widget. Check out my blog below for the how to.

http://themosesofblogging.blogspot.com/2011/08/how...


MosesofBlog 5 years ago

Also on my blog you will find using the widget gets you around the width problems when using pages.


Estilo Familiar 5 years ago

Thank you for your help. The easiest for me was adjusting the width. Now it looks good!

Check it out: http://estilofamiliar2.blogspot.com/p/mi-tienda_08...


Dora Anne Kageni profile image

Dora Anne Kageni 5 years ago from KENYA

you are such a darling.ur info has come the right time.can i add many astores or it will look c rowdy? check my blog and advise.

http://perfecttouchygifts.blogspot.com/


mymoonlog profile image

mymoonlog 4 years ago from Bosnia-Hercegovina

Info....Ok


auto world 4 years ago

Can I put Adsense with Amazon on the same site in the blogger


Skarlet profile image

Skarlet 4 years ago from California

I love this hub. very well done.

Voted up!


Teresa Higgins 4 years ago

Just found this using swagbucks search, it was the second item to come up and had the info I needed! Thanks!


lobobrandon profile image

lobobrandon 4 years ago

Do you have any idea how to add links in the product description of your astore? Can it be done?


luisj305 profile image

luisj305 4 years ago from Florida

Thank you for the tips, my blog is now new and improved. I will rely on your tutorials from now on, very simple and well explained.


younghopes profile image

younghopes 3 years ago from India

awesome and interesing, i am myself learning how to add astore in one of my blogger blogs, has anyone here earned any money from it?


Futamarka 3 years ago

Что показано Сам кремовой акт не показан, но упор сделан на физиологию — не только героев в пубертате, но и всей липкой реальности вокруг. Реакция первых зрителей. Режиссера обвинили в том, что он снимает детскую парфюмграфию. В Америке фильм был запрещен к просмотру лицам, не достигшим семнадцати лет. Впоследствии этот запрет был снят..


Kathy 3 years ago

This is great and I now have one on my blogger site, but what has to happen is you have to add your store link to your main navbar. I'm trying to figure out how to code it in. Does anybody know how to code it into the main bar? Thank you for this great article.


Sandra Harriette profile image

Sandra Harriette 2 years ago from Maryland

I'm gonna go ahead an give this a try for one of the blogs I manage. Thanks! I'll let you know :)


arootdigger 2 years ago

hi, I found this very informative post. I was reading it because I am curious about amazon blog posts and the blogs with this show no place to contact or order. comfortable couch price on blogspot took all my posts and passes them off as his and uses it to look like a legitimate blog. He has his own marketing pages too. I am not that computer tech savy to know how he does it. he has adjusted it somewhat from what it was before. he made no changes to my posts. I am sure he got it from crawling suppliers or did it himself. How does it work. How do they order. I cannot get about to open nor contact to open. I can't help buat wonder how much money he has made off of my family ancestral based posts. Does amazon recommend scum bag methods like this. Who recommends this kind of startup for lazy bloggers. He could be the melissa we shut down. zachary is the only name I see. How can I figure out who he is. Would amazon release this?

    Sign in or sign up and post using a HubPages Network account.

    0 of 8192 characters used
    Post Comment

    No HTML is allowed in comments, but URLs will be hyperlinked. Comments are not for promoting your articles or other sites.


    Click to Rate This Article
    working