Sosyal Medya Butonları

Blogger Sosyal Medya Kutucuğu Demo 

<style type="text/css">
/*<!CDATA[*/
#soc-mega{width:300px;margin:auto;padding:0;}
.soc-googleplus {height: 57px;width:300px;margin-top:-2px;}
.soc-facebook {background:#ffffff;border: 1px solid #DCDCDC;margin-top: -2px;padding: 5px 10px;}
.soc-gplusone {background-color: #ffffff;border: 1px solid #d8e6eb;border-top: 1px solid white;font-size: .87em;color: black;padding: 9px 0 0 11px;line-height: 24px;height:30px;}
.soc-gplusone span {display: inline-block;vertical-align: middle;height: 20px;margin-top: -17px;font-size: 14px;font-family: "Arial","Helvetica",sans-serif; font-weight: bold;}
.soc-twitter {background-color: #ffffff;border: 1px solid #c7dbe2;border-top: 0;}
.soc-twitter a.twitter-follow-button {display: block;}
.soc-twitter iframe {margin: 9px 11px;}
.soc-email{
background:#444444 ;
width:100%;
padding:10px 0 10px 0;
float:left;
font-size:18px;
text-align:center;
font-weight:bold;
margin:0 0 20px 0;
color:#ffffff;
}
.soc-emailsubmit{
background:#E98313;
border:1px solid #E98313;
cursor:pointer;
color:#fff;
padding:3px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:14px sans-serif;
}
.soc-emailsubmit:hover{
background:#686B6C;
border:1px solid #686B6C;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px; 
width:170px;
color:#666;}
.social-widget
{
width:298px;
border:1px solid #d7d7d7;
}
.social-widget img
{
padding:0px 15px 2px 2px;
}
/*]]>*/
</style>

<div id="soc-mega">
<div class="soc-email">
 
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="http://feedburner.google.com/fb/a/mailverify?uri=YoutubeParaKazanmaRehberi', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == "") {this.value = "enter email address here";}" onfocus="if (this.value == "enter email address here") {this.value = "";}" value="E-mail İle Takip Et" type="text" />
<input type="hidden" value="Bloggerdersleri" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="soc-emailsubmit" value="Submit" type="submit" />
</form>
</div>
<div class="social-widget" align="center">
<a href='http://feeds.feedburner.com/YoutubeParaKazanmaRehberi' target='_blank'><img src="http://4.bp.blogspot.com/-9D85dzaoQQs/UgD--bkjuSI/AAAAAAAA8J0/xR5fpI6fNMQ/s1600/rss.png" alt=" RSS Feeds" /></a>
<a href='http://www.facebook.com/BloggerDersleri' target='_blank'><img src="http://3.bp.blogspot.com/-MYi9trn_60c/UgD--JEHqII/AAAAAAAA8Jw/Xz2_rrEe-8Y/s1600/fbook.png" alt=" Facebook" /></a>
<a href='https://twitter.com/Bloggerblog_' target='_blank'><img src="http://1.bp.blogspot.com/-xNEUytffTV8/UgD--0bPHnI/AAAAAAAA8KE/QgBIKfBfXwQ/s1600/twit.png" alt=" Twitter" /></a>
<a href='https://plus.google.com/b/106170017847290000889' target='_blank'><img src="http://1.bp.blogspot.com/-tuzivfmFqPw/UgD--TOqQWI/AAAAAAAA8KQ/3DD-8u9nCvw/s1600/gplus.png" alt="Add to Circles" /></a>
<a href='https://www.youtube.com/channel/UCzMltf-M8MwgPfwSPVZfjWA' target='_blank'><img src="http://2.bp.blogspot.com/-HuAEwbTQfQc/UgD-_OduUpI/AAAAAAAA8KA/uKCkREEgTgk/s1600/ytube.png" alt=" Youtube"/></a>
</div>

<div class="soc-twitter">
     <a href="https://twitter.com/Bloggerblog_" class="twitter-follow-button" data-show-count="true" data-size="large">Takiple @Bloggerblog_</a>
     <script type="text/javascript">/*<![CDATA[*/!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");/*]]>*/</script>
<br/>
 </div>

<div class="soc-googleplus">
     <script type="text/javascript">
  /*<![CDATA[*/
  window.___gcfg = {lang: 'en'};
  (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>
     <div class="g-plus" data-href="https://plus.google.com/117069198363134832012" data-width="300" data-height="69" data-theme="light"></div>
</div>

<div class="soc-gplusone">
     <script type="text/javascript">/*<![CDATA[*/
       (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>
          <span>Bizi +1 le</span>    <div class="g-plusone" data-size="large" data-href="http://youtubeparakazanmarehberi.blogspot.com/"></div>
 </div>

<div class="soc-facebook">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FBloggerDersleri&amp;width=300&amp;height=200&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;show_border=false&amp;header=false&amp;appId=136993703047102" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:155px;" allowtransparency="true"></iframe>
 </div>

  <div class="soc-googleplus">
     <script type="text/javascript">
  /*<![CDATA[*/
  window.___gcfg = {lang: 'en'};
  (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>
     <div class="g-plus" data-href="https://plus.google.com/106170017847290000889" data-width="300" data-height="69" data-theme="light"></div>
 
 </div>
</div>