بسم الله الرحمن الرحيم
السلام عليكم
اليوم اضافة جميلة وهي ايقونات تابعني على
الفضلات الاجتماعية " فيس بوك" تويتر" 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>
احفظ الاداة
انتهى
اذا اعجبتك الاضافة لاتنسى مشاركة الموضوع مع اصدقائك
اضف تعليقك بخصوص الاضافة
0 التعليقات:
إرسال تعليق