[Domain-Cheap.com]

Great Plugin,

We are having an issue though. We can use WP Socializer no problem on Posts, but due to how our site uses WordPress pages, we are forced to manually load WP Socializer on pages. A couple of issues we noticed using it manually was the spacing between the horizontal social buttons are too great surrounding the Google button. We also noticed that this is even worse in IE 9. In IE 9 the Google button breaks the line up into 3 lines.

Finally and most important we have to load the floating left social bar manually but we cant see examples of how to do this.

Effected URL is http://domain-cheap.com/how-to-create-a-website-in-30-steps.html

Manual Code Used on Horizontal Social Buttons:

Code:

echo wp_socializer(facebook, array(
‘output’ => ‘button’,
‘url’ => ‘http://domain-cheap.com/how-to-create-a-website-in-30-steps.html’,
‘title’ => ‘How to Create a Website’,
‘type’ => ‘like’,
‘style’ => ‘button_count’
));

echo wp_socializer(retweet, array(
‘output’ => ‘button’,
‘url’ => ‘http://domain-cheap.com/how-to-create-a-website-in-30-steps.html’,
‘title’ => ‘How to Create a Website’,
‘type’ => ‘compact’
));

echo wp_socializer(plusone, array(
‘output’ => ‘button’,
‘url’ => ‘http://domain-cheap.com/how-to-create-a-website-in-30-steps.html’,
‘title’ => ‘How to Create a Website’,
‘type’ => ‘small’
));

echo wp_socializer(linkedin, array(
‘output’ => ‘button’,
‘url’ => ‘http://domain-cheap.com/how-to-create-a-website-in-30-steps.html’,
‘title’ => ‘How to Create a Website’,
‘type’ => ‘large’
));

echo wp_socializer(pinterest, array(
‘output’ => ‘button’,
‘url’ => ‘http://domain-cheap.com/how-to-create-a-website-in-30-steps.html’,
‘title’ => ‘How to Create a Website’,
‘type’ => ‘large’
));

echo wp_socializer(stumbleupon, array(
‘output’ => ‘button’,
‘url’ => ‘http://domain-cheap.com/how-to-create-a-website-in-30-steps.html’,
‘title’ => ‘How to Create a Website’,
‘type’ => ‘large’
));

Thank you in advance for your assistance.

Domain-Cheap.com

[Aakash Chakravarthy]

Why do you need to insert the buttons like this ???

Just go to WP Socializer -> Placement -> Template 1/2 and in the text box, tweak the “button codes” as you like.

For enabling the floating sharebar, Go to “Floating share bar” admin page and uncheck “Temporarily disable floating sharebar”.

Thats all.

[Anonymous]

Vaakash,

Thank you for your reply. The reason we have to manually insert your code on certain pages is because we do not want the wp social showing on all pages. When we tell WP socializer to insert on pages, means it will now show on all pages and this is not what we are looking for.

I would like to find a manual code that I can paste in the actual individual pages created and have it follow the standard formatting rules set in Wp Socializer admin. By the way we do have it unchecked “Temporarily disable floating sharebar”.

Example [horizontal_wpsocial ] would put one horizontal social bar in that spot so you would need to paste it twice above and below page content if you need it twice.

Example [floating_wpsocial] would load the floating social bar for that page just like it would have been if it had been enabled in the wp socializer admin for all pages, but now it shows on that page only.

finally on IE we tried loading the code found in the code window as you stated and you can see the results it only prints the words seen here:

http://domain-cheap.com/how-to-create-a-website-in-30-steps.html

We left the old code for the article footer links.There is no problem with the code we used its just an ie bug displaying it stacked, but it doesn’t display stacked on the admin loaded version.

Code loaded:

Code:

{facebook-like}
{retweet-bt}
{plusone-medium}
{linkedin-standard}
{pinterest-horizontal}
{stumbleupon-1}

Thank you

[Aakash Chakravarthy]

You can use “Shortcodes” above the post manually to display the sharing buttons.

Here is the documentation page: http://www.aakashweb.com/docs/wp-socializer-docs/manual-placement/

[Anonymous]

Vaakash,

Thank you again for your reply and assistance.

We have loaded the short codes as you suggest below:

[wpsr_facebook] [wpsr_retweet] [wpsr_plusone] [wpsr_linkedin] [wpsr_pinterest] [wpsr_stumbleupon]

Seen here:

http://domain-cheap.com/how-to-create-a-website-in-30-steps.html

If you look at it in IE 9 they are not all on a single line when loaded manually with short codes. When we use Wp Socializer admin they are correctly all on one line. Seen below:

http://domain-cheap.com/how-to-create-a-website/how-to-create-a-website-step-24-create-and-upload-videos.html

How do we get them all on one line when used manually with short codes?

Thank you for your help.

[Aakash Chakravarthy]

Use this code

Code:

BUTTON_SHORTCODE
BUTTON_SHORTCODE
BUTTON_SHORTCODE
BUTTON_SHORTCODE
BUTTON_SHORTCODE

[Anonymous]

Vaakash,

Thank you for your response and designing one of the better social tools.

We have tried the code you included. We had copied it from the website previously, but get the results you can see here. http://domain-cheap.com/how-to-create-a-website-in-30-steps.html As you can see for some reason manually inserting the code takes on a staggered effect, compared to the automated plugin version. Please let us know what we can do to remove the staggered effect and bring them all inline.

Thank you again Vaakash

[Aakash Chakravarthy]

Oh sorry, i think WordPress automatically adds line breaks (i.e
tags )to the code.

This code will definitely work.

Code:

BUTTON_SHORTCODE BUTTON_SHORTCODE BUTTON_SHORTCODE BUTTON_SHORTCODE BUTTON_SHORTCODE

Do not add line breaks, add it all in one line.

[Anonymous]

vaakash,

You have been very helpful and created a great plugin. We have still been unable to know how to manually insert the floating social bar. Could you please give us the code to insert the floating social bar manually on http://domain-cheap.com/how-to-create-a-website-in-30-steps.html.

Thanks so much for all your help.

[Aakash Chakravarthy]

Now the buttons seems to work fine. Great !!

[Anonymous]

Vaakash,

Yes, but we have still been unable to manually insert the floating sliding social bar. Could you please give us the code to insert the floating sliding social bar manually on http://domain-cheap.com/how-to-create-a-website-in-30-steps.html

Thank you Vaakash.

[Aakash Chakravarthy]

Hope you inserted successfully the buttons at the top of the post manually. Just carry on this post for the floating share bar. http://www.aakashweb.com/forum/wp-socializer-f22/how-to-manually-insert-floating-social-bar-t1753.html

[Author]

Posts