اضافة تابعنا على مواقع التواصل الاجتماعي الى مدونتك

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

طريقة اضافتها على مدونتك

  • اذهب الى القائمة الرئيسية لمدونتك
  • اضغط على التخطيط ثم على اضافة اداة
  • اختر HTML/JavaScript 
  • الان نضع في مكان الكتابة عنوان الاضافة وفي الاسفل ضع هذا الكود
<style>
/*—–Social Follow—–*/
#mbb-follow{
border:1px solid #ccc;
padding:10px 10px;
overflow:hidden
}
#mbb-follow a{
width:32px;
height:32px;
margin:0 0 0 25px;
display:block;
float:left;
background:url(http://2.bp.blogspot.com/-4QlhpQi-AJg/UhklcfqM4_I/AAAAAAAABzs/dRPexSvWc50/s1600/ss.png) no-repeat 0 0;
line-height:0;
font-size:0;
color:transparent
}
#mbb-follow a:hover{
opacity:.5
}
#mbb-follow a.facebook{
background-position:0 -105px;
margin-left:9px!important
}
#mbb-follow a.twitter{
background-position:0 -70px
}
#mbb-follow a.gplus{
background-position:0 -140px
}
#mbb-follow a.rss{
background-position:0 -35px
}
#mbb-follow a.tube{
background-position:0 0
}
</style>
<!–mbb-follow starts–>
<div id=”mbb-follow” style=”width:275px;margin:0 auto; border:none!important;”>
<a class=”facebook” href=”https://www.facebook.com/mybloggerblog” rel=”nofollow” title=”Facebook”>Facebook</a>
<a class=”twitter” href=”http://twitter.com/mybloggerblog” rel=”nofollow” title=”Twitter”>Twitter</a>
<a class=”gplus” href=”https://plus.google.com/112651692514114249576” rel=”nofollow” title=”Google Plus”>Google Plus</a>
<a class=”rss” href=”http://feeds.feedburner.com/mybloggertopic” rel=”nofollow” title=”Subscribe To RSS”>Subscribe To RSS</a>
<a class=”tube” href=”http://www.youtube.com/channel/mybloggerblog” rel=”nofollow” title=”YouTube”>YouTube</a>
</div>
<!–mbb-follow ends–>

غير الروابط الملونة بروابط مدونتك على مواقع التواصل الاجتماعي ثم اضغط على حفظ

جميع الحقوق محفوظة © 2015 محترف الويب

تصميم :