اضافة تابعنا على شبكاتنا الإجتماعية بشكل جديد 2013
كيفية اضافة الأداة ؟
من لوحة التحكم للمدونة نختار التخطيط ثم نختار اضافة أداة ثم نختار اداة HtmlJavaScript
نقوم بلصق الكود التالي
الكود بلغة Html
<style>
.social-icone{ height:108px; background-image:url(http://www.m3infos.blogspot.com);}
.social-icone div{ margin: 8px 12px;}
.social-icone a{ text-decoration:none;}
.you-icone b, .twt-icone b,.face-icone b,.rss-icone b{ font:14px tahoma; color:#8c8b8b;}
.you-icone span,.twt-icone span,.face-icone span,.rss-icone span{font:11px tahoma; color:#a3a3a3; }
.you-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKNtPxjDgW775hgniBAT0LQ6mJ2mqYP6nM2BtqC3aufgH9rA2rSrdSRtKFg8_yOZAQ82LXCaBfJq4kn3ObCiGWDK34lKQklz5eGsI3QeIvjMZOZlkBII4T9Xp8uC46cRCRD7ysMFb2cuo/s1600/youtube.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.you-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4ISU5WU8fYfbZKq1nokevhmZ_1UuPmZ_abAJtjKpGmaQeiJZ3_YaAKV7_DBI3Whm8XMTsq4uCU26oE3DPF7zk7MnCLMsONwkwSdoM6end-_3ttWX651cUAUzn0cQA3T4WThkD-O9dYC4/s1600/youtube2.png)top no-repeat;}
.twt-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg802-jCji_MvRpbPM4fmAc2XWWk2fbQOck2Q0XkTFQ9Ki0HGdTeOIRgNCq4pjcDZeD2pHni4zKMiNAzbsUeqbilw3A6poTSGoYP2fSg_DiUldUUHIu4g56bbXb3vosrIkLhoxwSN5z-PM/s1600/twitter.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.twt-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKkclHyYY1W78Z2Qf_XPuOlmoWgxlghF3L3gcsfXxMWBsg4XaK6g0ehxWrNAd1maqjUvUV0EshHyS2hIkRcKNd3k8hIvhP3h8R4lk74KyPl8RogkkzF7UYPqhbzCAg8ldUEQo1VU-oGdk/s1600/twitter2.png)top no-repeat;}
.face-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjS-V8TfEEwB63T5X6onR_4oIOlbpVx_RSMJDhXc1aA_T3RAx-AiaDKZYcSHRREylJYMNKhEo6siwu_9W2upXb7R5CK6IaK2du3JRbZ1lktAYhfAe18f44vqBv95rnzo-6rFOESdk-5zM/s1600/facebook.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.face-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdSUi7jdmdtcXJ3jRDiIiPqd84_IikMqH69Plle2YWmHoNf0-R8y0RPUzwUJEumoiHEMMrYxS7Vz5xLve1iggdP52ptGQPb6zQMShtv4dLYP_xlxygS3bn22tkaCLZRa0_y6z_GwB2p8s/s1600/facebook2.png)top no-repeat;}
.rss-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVnDclZMrkmhDki1GG_UjzgHgBpzVD0vR1fcC77t7Rgj9cZm22iZ9bbqYi_VHfOX9ELJZmh6VHGVTgOeV1gjryoWdNOOWVXRSM2YGFX2Az99k01lFh8pzlhQ2JG1pLbqLh10f2pkJ3inM/s1600/RSS.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.rss-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXsjqxU6os1cX60Lw04AU0FcYoun8EuY8ENzT2iJsh_JPlV8K-XoIC90EVTvN-_n0clDNfCf6_uMJFoOm0yetiQ3DmPVNeTB_0vni9DxGk3VrGMXrIZ7wL3e9bIS0k2V8qabB2fSRiE-g/s1600/RSS2.png)top no-repeat;}
.post-footer-line > * {
margin-left: 0;
}
</style>
<div class="social-icone">
<a href="http://www.twitter.com/iimadrafaii">
<div class="twt-icone">
<b>4541</b>
<span>متابع</span>
</div>
</a>
<a href="https://www.facebook.com/imad.rafai.ma">
<div class="face-icone">
<b>+12 ألف</b>
<span>معجب</span>
</div>
</a>
<a href="http://feeds.feedburner.com/blogspot/NvNEB">
<div class="rss-icone">
<b>252</b>
<span>مشترك</span>
</div>
</a>
</div>كيفية التعديل على الكود ؟
غير iimadrafaii إلى رابط التويتر الخاص بك
غير imad.rafai.ma إلى رابط الفايسبوك الخاص بك
غير http://feeds.feedburner.com/blogspot/NvNEB إلى رابط الخلاصات الخاص بك
و أيضا :
غير +12 ألف إلى الرقم الذي يناسبك
غير 4541 إلى الرقم الذي يناسبك
غير 252 إلى الرقم الذي يناسبك
قم بالحفظ وتمتع بالإضافة الجديدة
