طريقة اضافة تابعنا على المواقع الاجتماعية بتقنية css وبشكل جذاب 2015
اهلا بمتابعي مدونة محترف الويب اليوم وفي درس جديد من دروس تطوير مدونات بلوجر اطرح امامكم الاضافة الخيالية والمنتظرة وهي اضافة تابعنا على مواقع التواصل الاجتماعي وبطريقة متحركة ورائعة وهي من افضل اضافات بلوجر 2015
ما فائدة الاضافة
في راي هي اهم الاضافات التي تساعد وبشكل فعال في زيادة شعبية موقعك حيث ان كل شخص اعجبته مدونتك بالتاكيد سيبحث عن مكان توجد به اخبار مدونتك او مكان يكون وسيط بينه وبين تدويناتك
طريقة تركيب الاضافة
- اولا نتجه الى المدونة
- الان الى التخطيط
- نضغط على اضافة اداة
- الان اختر HTML/JavaScript
الان قم بوضع هدا الكود
<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>
الان يمكنك استبدال الروابط والاستمتاع بالاضافة ولا تنسى ان تكرمنا بالضغط على لايك او كان عندك اي استفسار ضعه في تعليق
