<ul class="sosyal">
                        <li>
                            <a href="http://twitter.com/share" class="twitter-share-button" data-url="<?php the_permalink(); ?>" data-count="horizontal" data-via="techjitter">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
                        </li>

                        <li>
                            <fb:like width="86" action="like" href="<?php the_permalink(); ?>" layout="button_count" font="arial" class="fb_XFBML" ref="fbrecT"></fb:like>
                        </li>
                        <li>
                            <!-- Place this tag where you want the +1 button to render -->
                            <g:plusone size="medium" href="<?php the_permalink(); ?>"></g:plusone>
                            
                            <!-- Place this tag after the last plusone tag -->
                            <script type="text/javascript">
                            (function() {
                            var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
                            po.src = 'https://apis.google.com/js/plusone.js';
                            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
                            })();
                            </script>
                        </li>
                    </ul>

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/tr_TR/all.js#xfbml=1&appId=234129153329302";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

.sosyal { width:653px; float:left; padding:2px 4px!important; margin:2px 0 8px!important; list-style:none!important; background-color: #E6E9EC; border-radius:4px; }
.sosyal  li { float:left; padding:4px 8px 0 0; }