/blogger/community?hl=en
/blogger/community?hl=en
8/18/14
Original Poster
Meredith G

Print friendly button placement

I have been trying for over an hour now...following instructions to the T on every website I can find regarding this (copying the code for the print friendly button, going into edit template html, searching for the <data:post.body/> and making sure to put it with the web, not mobile one of those and pasting above the "<data:post.body/>"), and no matter what I do my print friendly button is always at the bottom of the post. And I even tried putting it in all places where I found <data:post.body/> just to see if that would do something, but all it did was give me multiple print friendly buttons...all at the bottom of the posts.
Could there be some kind of special/weird coding in my template that would prevent me from determining its placement? I appreciate any help anyone can give!
Community content may not be verified or up-to-date. Learn more.
Recommended Answer
Was this answer helpful?
How can we improve it?
All Replies (8)
Stacee B.
8/18/14
Stacee B.
Hey Meredith G,

Welcome to the Blogger forum, I hope your day is going well. It would be really helpful if you could start by including a link to the blog so that we can take a look at it and get a better idea of the issue you are seeing. Please send this along and we can try to go from there!

Thanks,
Stacee
8/18/14
Original Poster
Meredith G
Hi,
 
Sorry about that! Link is www.yumsforthetum.com. I would like to make the print friendly button appear both at the top and bottom of every post. I still haven't found a way. No matter where I paste the code in the template html, it shows at the bottom only.
Arthuro
8/19/14
Arthuro
The instructions that exist on print friendly for this purpose are both outdated. The "Edit HTML" looks today not only different, even the blog-code has changed in the meantime. Also the print friendly code seems to have changed since then. If you use the code shown on the instruction pages, it is not accepted in the blog HTML. That the print friendly button can be positioned on the top of the post, also appears to be outdated. My tests led to the same result as yours. The button always arranged themselves in the post-footer. I have also tried the automatic installation option. In this case the code is automatically entered in an HTML gadget that you can hardly see in the blog. From there, the button is also positioned in the post-footer. Apparently there is no alternative anymore.


Google user
8/19/14
Google user
Try this way:
  1. Go to http://www.printfriendly.com/button
    1. Choose Website as site type
    2. Choose your button
    3. Leave the features as they are
    4. Copy the code
  2. Come back to your blog
    1. Go to Template > HTML > edit
    2. Search for <div class='post-header-line-1'/> (the second instance)
    3. Paste the above code just below this line
Optionally: go to Template > customize > advanced > add CSS and paste

.post-header {
text-align: right;
}




Arthuro
8/19/14
Arthuro
In fact, Elena P. (IT) is right, Choose Site Type "Website" instead of "Blogger/Blogspot", you get code to do it. Thus, it has worked for me in a test now. The code for "Blogger/Blogspot" will not do. At this point I had tried it with code for "Blogger/Blogspot" first.

8/19/14
Original Poster
Meredith G
Thank you so much for the help! It works and it just where I want it now!
Google user
8/20/14
Google user
I'm glad it works :)


E.
Stacee B.
8/22/14
Stacee B.
Elena P. (IT) thank you so much for jumping in with that helpful information!
 
This question is locked and replying has been disabled. Still have questions? Ask the Help Community.

Badges

Some community members might have badges that indicate their identity or level of participation in a community.

 
Expert - Google Employee — Googler guides and community managers
 
Expert - Community Specialist — Google partners who share their expertise
 
Expert - Gold — Trusted members who are knowledgeable and active contributors
 
Expert - Platinum — Seasoned members who contribute beyond providing help through mentoring, creating content, and more
 
Expert - Alumni — Past members who are no longer active, but were previously recognized for their helpfulness
 
Expert - Silver — New members who are developing their product knowledge
Community content may not be verified or up-to-date. Learn more.

Levels

Member levels indicate a user's level of participation in a forum. The greater the participation, the higher the level. Everyone starts at level 1 and can rise to level 10. These activities can increase your level in a forum:

  • Post an answer.
  • Having your answer selected as the best answer.
  • Having your post rated as helpful.
  • Vote up a post.
  • Correctly mark a topic or post as abuse.

Having a post marked and removed as abuse will slow a user's advance in levels.

View profile in forum?

To view this member's profile, you need to leave the current Help page.

Report abuse in forum?

This comment originated in the Google Product Forum. To report abuse, you need to leave the current Help page.

Reply in forum?

This comment originated in the Google Product Forum. To reply, you need to leave the current Help page.