اضافة ايقونات تابعني على فيس بوك وتويتر وجوجل بلاس و RSS لبلوجر

بسم الله الرحمن الرحيم

السلام عليكم

اليوم اضافة جميلة وهي ايقونات تابعني على الفضلات الاجتماعية  " فيس بوك" تويتر" rss" جوجل بلاس للمدونة هذه الاضافة تكون عند لمس الايقونة باشارة الماوس تتحول الى لونها الطبيعي كما بالصورة التالية

اذا اعجبتك الاضافة يمكنك تطبيقها بمدونتك من خلال الدخول الى

لوحة تحكم مدونتك

التخطيط ثم اضافة اداة ثم اختار الاداة HTML/Java Script

ثم اضف الكود التالي

<style>
/*--------Touch Me Sharing Widget ------*/
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url(http://mybloggertricks.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>

<div class='touchme'>
<!--RSS-->
<a class='rss' href="رابط  الخلاصة" rel='external nofollow' target='_blank'></a>
<!--Google Plus-->
<a class='googleplus' href="رابط صفحتك على جوجل بلاس" rel='external nofollow' target='_blank'></a>
<!--Facebook-->
<a class='facebook' href="رابط صفحتك على الفيس بوك" rel='external nofollow' target='_blank'></a>
<!-- Twitter -->
<a class='twitter' href="رابط صفحتك على تويتر" rel='external nofollow' target='_blank' ></a>

</div>

 غير مالون بالاحمر بصفحاتك على تويتر وفيس بوك وجوجل بلاس والخلاصة
احفظ الاداة
انتهى
اذا اعجبتك الاضافة لاتنسى مشاركة الموضوع مع اصدقائك
اضف تعليقك بخصوص الاضافة