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

الكاتب : Salah Nassih التاريخ : 9:49:00 م القسم : بلوكر

يتميز قالب المحترف باحتوائه على أداة طولية للمتابعة على مختلف مواقع التواصل الاجتماعية يوتيوب فيسبوك قوقل بلس و

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

الخطوات المتبعة في الشرح :

1 : أضف الكود التالي أسفل الوسم <HEAD>

2 : أضف الكود التالي فوق الوسم : ]]></b:skin>

div#social {
  overflow: hidden;
  margin: 7px auto;
  margin-top: -5px;
  margin-right: -15px;
  width: 100%;
}
#social ul li {
  float: right;
  width: 25%;
  padding: 13px 0;
  padding-bottom: 20px;
}
li.fb {
  background: #366299 !important;
}
li.ggl {
  background: #CB2027 !important;
}
li.twt {
  background: #4099FF !important;
}
ul li {
  list-style: none;
}
#social ul li p {
  display: block;
  padding: 10px 15px;
  transition: 0.4s;
  color: #fff;
  font-size: 16px;
  text-align: center;  font-weight: 400;
  font-family: Electrolize,ge_dinar_oneregular;
}
#social ul li a {
  display: block;
  background: #1f376c;
  padding: 8px 0;
  transition: 0.4s;
  width: 100px;
  color: #fff;
  margin: 0 auto;
  font-size: 16px;
  text-align: center;font-weight: 400;
  font-family: Electrolize,ge_dinar_oneregular;
}
#social i {
  width: 30px;
  height: 30px;
  background: rgba(0, 0, 0, 0.13);
  line-height: 30px;
  border-radius: 50%;
  margin-left: 2px;
  font-size: 14px;
}
.fa-facebook:before {
  content: "\f09a";  margin-left: 0px;
}
li.ytb {
  background: #D1252A !important;
}
.p2 {
  background: #AF1A20 !important;
}
.p3 {
  background: #3A8DEC !important;
}
.p4 {
  background: #BB1E23 !important;
}
.p1 {
  background: #2F5686 !important;
}

3 : أضف كود html التالي الى أداة التخطيط

قم بتغيير الروابط الخاصة بي الى روابط مواقعك الاجتماعية و يمكنك تغيير كلمة تابع أيضا أتمنى أن يعجبكم الشرح

الى اللقاء في مواضيع قادمة و السلام عليكم و رحمة الله ,

salahnassih

صفحات المدونة

السبت، 17 سبتمبر 2016

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

ليست هناك تعليقات: