How to Put Social Media Buttons below Each post?
I want to put something of the same thing in wordpress.org site but I am still trying to figure out PHP.
I have found a code that will give my website the desired effect.
The css to be added to the styles.css is this
.social-single { margin: 17px 0 0 0; } #twitterbutton, #likebutton, #stumblebutton, #sharebutton, #linkedinshare { float: left; display: block; } #likebutton { margin-top:0px; margin-left:-3px; } #sharebutton { margin-left:0px; margin-top:0px; margin-right: 5px; } #stumblebutton { margin-left: 20px; margin-top: 1px; } #linkedinshare { margin-left: 20px; margin-top: 1px; } #plusonebutton { margin-left: 20px; margin-top: 1px; } |
<div class="social-single"> <div id="twitterbutton"><script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script><div> <a href="http://twitter.com/share" class="twitter-share-button" data-url="<?php the_permalink() ?>" data-counturl="<?php the_permalink() ?>" data-text="<?php the_title(); ?>" data-via="username" data-related="username">Tweet</a></div></div> <div id="likebutton"><iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo rawurlencode(get_permalink()); ?>&layout=button_count&show_faces=false&width=100& action=like&font=verdana &colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe></div> <div id="sharebutton" style="padding-top:1px;"><a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div> <div id="stumblebutton"><script src="http://www.stumbleupon.com/hostedbadge.php?s=1"></script></div> <div id="linkedinshare"><script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="right"></script></div> <div id="plusonebutton"><g:plusone size="medium"></g:plusone></div> </div><br /> |
ie assuming each of the smilieys is a social media button it appears as
instead of
What am i possibly doing wrong. Please help me.
WordPress Step-by-Step
(for Kindle & Kindle Apps)
I'm a top-notch WordPress developer: hire me
You Wanna Learn About The SEO Underground?
Learn more at backlinkcheckerseo.com[/B].
Learn about financing your small online business with peer-to-peer lending today.
Cheap Web Hosting £2.49 per month
Carpe Diem EndTheTrendNow.com
Check out SEOBloggerBook for SEO tips.
Check out AntiqueOutings.com for Antique Tips
Check out MiniatureReview.blogspot.com for Gaming with miniatures.
We handle all your WordPress Content,Theme and Plugins updates!
iAdminWP