Wordpress Share Tool to FB, Twitter and G+ Without Plugin

Add share tool to your fb, twitter, and G+ Account, with flyng fixed style

The CSS | TwentyTwelve theme


  1. Open  style.css and paste this code. Then Save

/** Post Share **/
.post-share {
width: 80px; padding: 10px 0px; padding-bottom: 0; background: #ffffff; border: 1px solid #CCC;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
text-align: center;
position: fixed;
top: 255px;
left: auto;
z-index: 15;
margin-left: -120px;
}

.share-widget {
margin-bottom: 10px;
}

2. Open Single.php, and search this code #primary in TwentyTwelve theme

paste this code right after
<div class="post-share">
<div class='twitter-share share-widget'>
Menarik? Sebarkan Berita Ini Lewat Socmed
      <a href="http://twitter.com/share" class="twitter-share-button" data-text='<?php the_title(); ?> ' data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
     </div>
 
<div class='facebook-share share-widget'>
      <iframe src="http://www.facebook.com/plugins/like.php?app_id=149766198425277&amp;href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;send=false&amp;layout=box_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=90" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:60px;" allowTransparency="true"></iframe>
     </div>
 
<div class='google-share share-widget'>
      <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
      <g:plusone size="tall"></g:plusone>
     </div>
 
</div>
see My PasteBin

Save, and see
Share on Google Plus

About JackSparrow

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment
    Facebook Comment

0 komentar:

Post a Comment