Blogger Sosyal Medya Kutucuğu

Blogger Sosyal Medya Kutucuğu
Blogger Sosyal Medya Kutucuğu 

Blogger eklentileri başlığı altında bir çok sosyal medya eklentisi sunmuştum. Şimdi ise bloglarınızda kullanabileceğiniz ve her türlü sosyal medya içeriğine sahip bir kutucuğu sizlere sunmak istiyorum. Alanı dar olanlara tavsiye ederim.


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>

Blogger Sosyal Medya Kutucugu Kodlar Üzerinde Yapılacak Değişiklikler

  • Tek yapmanız gereken kodlar içerisinde belirlenmiş olan kırmızı sosyal medya linklerini kendinize ait olan linkler ile değiştirmek. 


Makaleyi Paylaş :
 

Yorum Gönder

 
Hakkında : kredi kartı borcu taksitlendirme
Copyright © 2012 - 2013. Blogger Dersleri - All Rights Reserved | Proudly powered by Blogger