Καλο μηνα σε όλους σας!
<style>
#btrixsocialcounters{
width:300px;
padding: 0 0 40px 0;
border: 1px solid #CCC;}
ul#btrixcounters {
list-style: none;
margin:0px;
overflow: hidden;
width:300px;
padding:10px 0 40px 0;
margin:10px 0 -60px 12px;
}
ul#btrixcounters li {
float:left;
margin:0px 0px 5px 0px;
width:auto;
padding:0px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
ul#btrixcounters li a {
display: block;
height: 54px;
margin-right: 10px;
padding-top: 85px;
text-align: center;
text-decoration: none;
width: 85px;
text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
font-weight: bold;
}
ul#btrixcounters li:hover {
opacity:0.6
}
ul#btrixcounters li:last-child a{
margin-right:0px;
}
ul#btrixcounters #counter-rss {
background: url('http://1.bp.blogspot.com/-hhLOUB2grO4/UTtQuP_UcrI/AAAAAAAAAa4/45ktbduAdlg/s1600/btrix-rss-counter.jpg') no-repeat
}
ul#btrixcounters #counter-rss a {
color:#cf6600
}
ul#btrixcounters #counter-facebook {
background: url('http://2.bp.blogspot.com/-tM7840vWvXE/UTtQuOsPBwI/AAAAAAAAAaw/9_XArbd_oQ0/s1600/btrix-facebook-counter.jpg') no-repeat
}
ul#counters #counter-facebook a {
color:#3b4d8f
}
ul#btrixcounters #counter-twitter {
background: url('http://4.bp.blogspot.com/-WV4xN0DUeyU/UTtQuQ7Y_cI/AAAAAAAAAa0/7uKch5uUVwc/s1600/btrix-twitter-counter.jpg') no-repeat
}
ul#btrixcounters #counter-twitter a {
color:#276ab6
}
.textwidget {width: 300px;margin-top: -50px;}
input[type="submit"] {color: white;border: 0px;text-transform: uppercase;font-size: 11px;padding: 13px;float: left;font-weight: bold;background-color: #2DA1EB;margin-left: 100px;cursor: pointer;margin-top: 10px;}
/*foulscode.blogspot.gr */
</style>
<center>
<br />
<div id="btrixsocialcounters">
<ul id="btrixcounters">
<li class="first-item" id="counter-rss">
<a href="http://feeds.feedburner.com/foulscode">540</a></li>
<li id="counter-facebook">
<a href="http://www.facebook.com/foulscode">2319</a></li>
<li id="counter-twitter">
<a href="https://twitter.com/#!/foulscode">5263</a></li>
</ul>
<div class="btrixtextwidget">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix', 'popupwindow', 'scrollbars=yes,width=350,height=520');return true" style=" padding: 3px; text-align: center;" target="popupwindow">
<h3>Enter your email address:</h3><br />
<input name="email" style="width: 180px;" type="text" /><br />
<input name="uri" type="hidden" value="foulscode" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /></form></div><a href="http://foulscode.blogspot.gr/2013/03/social-media-profile-with-rss.html" style="margin-right: -50px;margin-top: 100px;font-size: 10px;">Add this</a>
</div>
DEMO
Αντικαταστήστε τα μαρκαρισμένα γράμματα με τα δικά σας και είστε έτοιμη να κάνετε αποθήκευση.
