New Blogger "Share" buttons & ads between posts not showing up


Author Message
Kimberly

Posted: 7/21/2010
Quote message 

So Blogger is FINALLY getting on the bandwagon and has added "share" buttons (for Twitter, Facebook, etc.) for us to attach to our posts. Unfortunately, they're not showing up for me. Has anyone else tried using these yet?

Also, Blogger has an option to put AdSense ads between posts. These aren't showing up for me either. Any ideas on why these won't work and how to get them up & running?

Thanks in advance!
 
Scott

Posted: 7/21/2010
Quote message 

I have the same problem. Would love a solution.
 
Jay

Posted: 7/21/2010
Quote message 

same problem
 
Marc

Posted: 7/28/2010
Quote message 

Just wanted to join in, it does not show up although repositioned to be not pushed out etc.

In general, the generated theme ignores the positioning of the in-blog post widgets totally
 
Jana

Posted: 9/1/2010
Quote message 

Hi, I had the same problem until I updated for Artisteer 2.5 (2.5.0.31067).
Then I republished my blog and share buttons are working well.
 
Naoko

Posted: 3/11/2011
Quote message 

I solved this problem!

http://www.bloggerplugins.org/2010/06/official-sharing-buttons-on-blogger.html

Thanls!!!

 
GMAN

Posted: 3/14/2011
Quote message 

Using Artisteer 3, the buttons do not show up, however, if I inspect the generated html-sourcecode, the buttons are there.
It seems that the images and css-styles used for the buttons are not available in the template. Any ideas how to fix that?

Thanks,
G-man

 
Tracey

Posted: 3/24/2011
Quote message 

I'm still having trouble including these in my code, too. Tried to follow the plug-in tutorial and it still doesn't work. They used to be there and I would love to have them back!

Help!

Thanks!
Tracey
 
Diego

Posted: 4/1/2011
Quote message 

Tracey
thank you for the link!
here is the solution:
open Design > Edit HTML, check Expand Widget Templates
then search this line:
<b:includable id='shareButtons' var='post'>
above you will see the link tags for different share buttons:
<a class='share-button sb-email' .......
<a class='share-button sb-blog' .........
<a class='share-button sb-twitter' ........
<a class='share-button sb-facebook' .............
<a class='share-button sb-buzz' ............

You need to add to all 5 links new class name 'goog-inline-block'.
Here is the example of the result:
<a class='goog-inline-block share-button sb-email' .......
<a class='goog-inline-block share-button sb-blog' .........
<a class='goog-inline-block share-button sb-twitter' ........
<a class='goog-inline-block share-button sb-facebook' .............
<a class='goog-inline-block share-button sb-buzz' ............

So you need only add class name to 5 <a> tags, that's all!
Then just Save Template and check your blog!
 
Diego

Posted: 4/5/2011
Quote message 

GMAN

i see that you have such code in your theme:

Quote :

.post-share-buttons {
display: inline-block;
margin-bottom: 0 !important;
margin-left: 0.5em !important;
margin-right: 0.5em !important;
margin-top: 0 !important;
vertical-align: middle;
}
.share-button {
-moz-background-clip: border !important;
-moz-background-origin: padding !important;
-moz-background-size: auto auto !important;
background-attachment: scroll !important;
background-color: transparent !important;
background-image: url("/img/share_buttons.png") !important;
background-position: left center !important;
background-repeat: no-repeat !important;
height: 22px;
margin-bottom: 0;
margin-left: -2px;
margin-right: -2px;
margin-top: 0;
overflow-x: hidden;
overflow-y: hidden;
width: 21px;
}
.dummy-container {
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 1px;
padding-left: 4px;
padding-right: 0;
padding-top: 1px;
vertical-align: top;
width: 82px;
}
a.share-button:hover {
text-decoration: none;
}
.share-button-link-text {
left: -999px;
position: absolute;
}
.sb-email {
background-position: 0 0 !important;
}
a.sb-email:hover {
background-position: 0 -22px !important;
}
a.sb-email:active {
background-position: 0 -44px !important;
}
.sb-blog {
background-position: -21px 0 !important;
}
a.sb-blog:hover {
background-position: -21px -22px !important;
}
a.sb-blog:active {
background-position: -21px -44px !important;
}
.sb-twitter {
background-position: -42px 0 !important;
}
a.sb-twitter:hover {
background-position: -42px -22px !important;
}
a.sb-twitter:active {
background-position: -42px -44px !important;
}
.sb-facebook {
background-position: -63px 0 !important;
}
a.sb-facebook:hover {
background-position: -63px -22px !important;
}
a.sb-facebook:active {
background-position: -63px -44px !important;
}
.sb-buzz {
background-position: -84px 0 !important;
width: 22px;
}
a.sb-buzz:hover {
background-position: -84px -22px !important;
}
a.sb-buzz:active {
background-position: -84px -44px !important;
}


that is mistake, you should delete it. and you will see share buttons! :)
 
GMAN

Posted: 4/5/2011
Quote message 

Diego,

Thanks again. I moved the code to the place where it belongs.
I think you are right about the code that you mentioned above. I think I found that somewhere on the internet (perhaps on this forum somewhere) to try to make the icons appear, but it didn't help.

Anyway, they were not visible before and now it is fixed, but I hope that a future release of artisteer fixes these things so that it works out-of-the-box. So that whenever I change my template, I don't have to find a solution again.

But now it works, so many thanks.
Is there a way to know if people are using these buttons while visiting your blog? ( I know, that;s off-topic in this discussion)

G-man
 
Nama Taylor

Posted: 9/3/2011
Quote message 

Quote Diego:

Tracey
thank you for the link!
here is the solution:
open Design > Edit HTML, check Expand Widget Templates
then search this line:
<b:includable id='shareButtons' var='post'>
above you will see the link tags for different share buttons:
<a class='share-button sb-email' .......
<a class='share-button sb-blog' .........
<a class='share-button sb-twitter' ........
<a class='share-button sb-facebook' .............
<a class='share-button sb-buzz' ............

You need to add to all 5 links new class name 'goog-inline-block'.
Here is the example of the result:
<a class='goog-inline-block share-button sb-email' .......
<a class='goog-inline-block share-button sb-blog' .........
<a class='goog-inline-block share-button sb-twitter' ........
<a class='goog-inline-block share-button sb-facebook' .............
<a class='goog-inline-block share-button sb-buzz' ............

So you need only add class name to 5 <a> tags, that's all!
Then just Save Template and check your blog!



I need help with mine to my site is childrenshairbeauty.blogspot.com
 
Lee Ann L.

Posted: 10/4/2011
Quote message 

I got someone with a tad more knowledge than I do to help me interpret the solution above and with that guy's help, I did it! Woo Hoo! So, you can ignore my call for help above. It won't let me delete it. So, this is to let you know that I've solved the problem. :-)
 
Marcee

Posted: 10/30/2011
Quote message 

ok..my eyes hurt can someone help me with mine cant get it to work

http://marceeduggar.blogspot.com/
 
Dominic

Posted: 1/5/2012
Quote message 

Hello,

Can someone help me with the same problem. My Blog is the follow: http://apuntogastronomica.blogspot.com/

I intended the same like above, but without success. I hope you can help me. Many thanks.