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

SAMY ELSAGHlR

اخر تحديث :

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

أولاً نقوم بنسخ هذا الكود ونضعة أسفل <HEAD>

بعد ذلك نبحث عن </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;
}

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

لا اتنسا تغير روابط الصفحات بروابط الصفحات الخاصة بك

تعديل المقال

الأقسام قوالب بلوجر

مقالات قد تهمك

تعليقات

إرسال تعليق

أرائكم تسعدنا:لمتابعة التعليق حتى نرد عليك فقط ضع إشارة على إعلامى

مدونة الإمبراطورية

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

مقالات قد تهمك