Wpsocialite - Like Techcrunch

[tsalstrand 8]

I've found a very nice social sharing plugin (WPSocialite) for WordPress that does soft loading of images... on another website that we tested it on we found that soft loading of images for social networks decreased the page load time by 30%+.

However, what we'd like to do is implement it the same way that TechCrunch.com does on their blog home page... off to the left of the post. It looks like they've set it up with divs, but I'm honestly not sure.

The plugin provides a "manual" method to place the social links where ever you want as follows:

<?php echo wpsocialite::wpsocialite_markup("large"); ?>

Where should I put this on my pages so that it shows to the left of the post on the main blog page?

[Rob 547]

Adding php scripts to a page can cause problems, however, there's another plugin called Shortcode Exec PHP which converts your PHP tag to a shortcode that you name. Then, all you need to do is embed the shortcode, as you would with other plugins.

Here's the link: http://wordpress.org/extend/plugins/shortcode-exec-php/

[tsalstrand 8]

Hi Rob,

I had seen that short code and thought about using it for this very issue. However, I still can only get it to display on the blog post itself, not the excerpt and not to the left but only to the right of featured image.

If you had to guess, where exactly would you put it on the page?

[tsalstrand 8]

Also, when I use the Shortcode Exec PHP plugin, I get the following error on the page:

Parse error: syntax error, unexpected '<' in /home/prodigee/public_html/blog/wp-content/plugins/shortcode-exec-php/shortcode-exec-php-class.php(962) : eval()'d code on line 1

[Simon 248]

Just guessing but you probably don't need the php open/close tags with that plugin

[tsalstrand 8]

I tried that as well... still a parse error. But thanks for the suggestion Simon.

I wonder if I could solve this with CSS? I've added this to it but it doesn't seem to work:

.wpsocialite.small{ float: left} /* this can also float right */

.wpsocialite.small > li { margin: 0; display:block; float:none !important; width:20%; }

.wpsocialite.small .socialite { width: 80px !important;  }

The site is http://prodigeemarketing.com/blog that I'm testing it on.

[Simon 248]

What code are you trying to put into the plugin?

[tsalstrand 8]

I'm putting

echo wpsocialite::wpsocialite_markup("small");

I don't have it in there now, but did before.

[Simon 248]

Well there is no < in that??