ضعها بالمكان المناسب
الاضافه لـ إعداد اللغة HTML/JavaScript
<style>
.rss-ST {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU2Szu0rnkXUIIAITAVl7qeQe99Gd8A2VHN-8BFFXiFKuYRR1WR9K3VOyvjhRamSYsduuVnK0DuP8V2cWSzxRImc56d0zI2ZI4GnXjBX9rH74qrMUUTCflKB4o63P0_I3YRhZ9iySKfKkE/s1600/RSS+-+Afkarpro.png) no-repeat;
height: 64px;
padding: 0px 20px 0px 80px;
margin-top: 5px;
}
.rss-ST:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6etU5-o9ttvRoHcmdtkajB5bnWPQ9fpeOJ0004hPMAxmDKGM7yPcqLlYNAIiJ-CdrFxhpHb3uH2jPwBsFvnHsRQmLAM2m9s8SQBotpoyu__SC_Rjp-HJ6-8l0bdfCzcRq_Qr9tORnYx4y/s1600/RSS_Over+-+Afkarpro.png) no-repeat;
}
.twitter-ST {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi70yOWXtapLqwMXHH9BDbt72pwDVTbEuzZgunDg8OVpX6mDDyadpC1FJ3ut7qbjlWTVXHrfW5q3xC9EAJ-HAnSZhT9s5H4FGORWH9mu4UzqxMHOhz1o3WzhMHl7y18TvrNWDVunBxkGAyc/s1600/Twitter+-+Afkarpro.png) no-repeat;
height: 64px;
padding: 0px 20px 0px 80px;
margin-top: 10px;
}
.twitter-ST:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhldJpJ_GXPkggD5hTo1TPT98dMMBIUEwqK382ysZ7bvbcwQfXfuLuQ7LWMiVrT5BNJYQG5tWSJVtVilNHPJtwzjK-oSYWqduPQQzd5R0i8JNKx5WEDxJ_PZ8X79jSIKFiWXaQNtJ47h60a/s1600/Twitter_Over+-+Afkarpro.png) no-repeat;
}
.facebook-ST {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghSjua4-23aXDJkperJ2_D_XXu-tEKzFJjSMw0YcOml7wfxcCxdKKA3K0jWQsAampgY0WdwwyJ2WmmVJDU2F9OKeyRof10SZUCgvkMJ1neAtghD5PUWFWWKc5iKb-Bf1OyERSGt3lf0Fww/s1600/Facebook+-+Afkarpro.png) no-repeat;
height: 64px;
padding: 0px 20px 20px 80px;
margin-top: 10px;
}
.facebook-ST:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHa5nSIe4HqriCjKUFMFBNVft0s2OjsRNcBGOZrpovO0aTgR6Z3PBs4n3TN1AYhyphenhyphenXR-8WuQK7OZBblQwJvHnsQ6O1fKt7KUwXV9EgGegt_ugVx3efHLed_SE_nBE6HRS-by3BgayuocHDR/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: غيره بإسم صفحتك على الفيسبوك
* و يمكنك أيضا القيام ببعض التغييرات الأخرى، كتغيير قيمة العداد أو أيضا الكلمات الوصفية للزر حسب رغبتك
0 التعليقات :
إرسال تعليق