إضافة أداة إحترافية للمتابعة على المواقع الإجتماعية

السلام عليكم في هذا الموضوع سنخصصه لاضافة اداة للمتابعة على المواقع الاجتماعية
باحترافية, هذه الاداة  عند لمسها بالماوس تغير لونها الى لونها الاصلي هذا النوع من الادوات مهمة جدا لكل مدونة ويجب ان تتوفر عليها اية مدونة او اي موقع فهي التي تمكن القارئ او الزائر من معرفة الصفحة الخاصة بموقعك على الشبكات الاجتماعية كجوجل او فيسبوك او تويتر الى اخره
من المواقع هذه الاضافة تحتوي على اربع ازرار للشبكات الاجتماعية وهي تويتر وفيسبوك وجوجل بلس و التغذية rss جميل جدا والان سننتقل الى الاضافة واتبع معي الخطوات التالية
اولا قم بالذهاب الى بلوجر ثم تخطيط
اضافة اداة
HTML/JavaScript
 اضف الكود التالي مع مراعات تغيير ما مكتوب باللغة العربية و لونه أزرق بروابط البروفايلات الخاصة بك

<style>
/*--------B2W Touch Me Sharing Widget ------*/
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url(http://beautifulbloggerwidgets.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat;
-webkit-transition: ease-in 0.2s all;
-moz-transition: ease-in 0.2s all;
-o-transition: ease-in 0.2s all;
-ms-transition: ease-in 0.2s all;
transition: ease-in 0.2s all;
cursor:pointer;
}
.touchme a.googleplus {
background-position: 0px -58px;
}
.touchme a.googleplus:hover {
background-position: 0px 0px;
}
.touchme a.twitter {
background-position: 0px -290px;
}
.touchme a.twitter:hover {
background-position: 0px -232px;
}
.touchme a.facebook {
background-position: 0px -406px;
}
.touchme a.facebook:hover {
background-position: 0px -348px;
}
.touchme a.rss {
background-position: 0px -174px;
}
.touchme a.rss:hover {
background-position: 0px -116px;
}
</style>
<p style="display:none;">Cool Social Media Sharing Touch Me Widget by <a href="http://beautifulbloggerwidgets.blogspot.com/">Beautiful Blogger Widgets</a></p>
<div class='touchme'>
<!--RSS-->
<a class='rss' href="رابط التغذيات rss الخاص بمدونتك" rel='external nofollow' target='_blank'></a>
<!--Google Plus-->
<a class='googleplus' href="رابط بروفايلك على جوجل بلس" rel='nofollow' target='_blank'></a>
<!--Facebook-->
<a class='facebook' href="رابط صفحتك على الفيسبوك" rel='nofollow' target='_blank'></a>
<!-- Twitter -->
<a class='twitter' href="البروفايل الشخصي في تويتر" rel='nofollow' target='_blank' ></a>
</div>