ضعها بالمكان المناسب
الاضافه لـ إعداد اللغة HTML/JavaScript
<style>
.rss-ST {
background: url(http://3.bp.blogspot.com/-Wqmo3IYldFU/U7VT3D5E_mI/AAAAAAAAFGY/94WL_YZ4wS4/s1600/RSS+-+Afkarpro.png) no-repeat;
height: 64px;
padding: 0px 20px 0px 80px;
margin-top: 5px;
}
.rss-ST:hover {
background: url(http://2.bp.blogspot.com/-nODuVWd064s/U7VT4GTX5jI/AAAAAAAAFGw/VNW78K7xn_M/s1600/RSS_Over+-+Afkarpro.png) no-repeat;
}
.twitter-ST {
background: url(http://1.bp.blogspot.com/-7B3U7STXQYU/U7VT4WwBS1I/AAAAAAAAFGo/39o84u5kj5I/s1600/Twitter+-+Afkarpro.png) no-repeat;
height: 64px;
padding: 0px 20px 0px 80px;
margin-top: 10px;
}
.twitter-ST:hover {
background: url(http://2.bp.blogspot.com/-ieOJPSGIwH4/U7VT4-BjXUI/AAAAAAAAFG0/RJEPvsU6QwA/s1600/Twitter_Over+-+Afkarpro.png) no-repeat;
}
.facebook-ST {
background: url(http://2.bp.blogspot.com/-l8YdDc_vgvY/U7VT2_IKCiI/AAAAAAAAFGk/OuCxMaCsLyI/s1600/Facebook+-+Afkarpro.png) no-repeat;
height: 64px;
padding: 0px 20px 20px 80px;
margin-top: 10px;
}
.facebook-ST:hover {
background: url(http://3.bp.blogspot.com/-L-r353gTRh8/U7VT3PXh-kI/AAAAAAAAFGU/AR8A1fs9fEs/s1600/Facebook_Over+-+Afkarpro.png) no-repeat;
}
.follower-rss, .follower-twitter, .follower-facebook {
font-family: Georgia, sans-serif, Times;
font-size: 1.5em;
font-style: italic;
color: #D3C5B1;
padding-top: 05px;
text-shadow: 1px 1px #B2A99D;
}
.follower-rss a, .follower-twitter a, .follower-facebook a {
color: #AA9C89;
}
.follower-rss a:hover{
color:#F47140;
}
.follower-twitter a:hover{
color:#43C7FF;
}
.follower-facebook a:hover{
color:#1071A4;
}
.follower-rss span {
font-size: 1.75em;
font-weight: bold;
font-style: italic;
}
.follower-twitter span {
font-size: 1.48em;
font-weight: bold;
font-style: italic;
}
.follower-facebook span {
font-size: 1.7em;
font-weight: bold;
font-style: italic;
}
</style>
<div class='rss-ST'>
<div class='follower-rss' dir="ltr">
<span>
<a href='http://feeds.feedburner.com/sfehthayef'>500+</a>
</span>Readers</div>
</div>
<div class='twitter-ST'>
<div class='follower-twitter' dir="ltr">
<span>
<a href='http://twitter.com/sfehthayef' rel="nofollow">100+</a>
</span>Followers</div>
</div>
<div class='facebook-ST'>
<div class='follower-facebook' dir="ltr">
<span>
<a href='http://www.facebook.com/sfehthayef'>1000+</a>
</span>Fans</div>
</div>
3- بعد النسخ قم بالتعديلات التالية بما يناسب مدونتك :
sfehthayef : غيره بالآيدي (id) الذي تستخدمه على Feedburner
sfehthayef : غيره بإسم حسابك على تويتر
sfehthayef: غيره بإسم صفحتك على الفيسبوك
* و يمكنك أيضا القيام ببعض التغييرات الأخرى، كتغيير قيمة العداد أو أيضا الكلمات الوصفية للزر حسب رغبتك
ليست هناك تعليقات: