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

إعلان أدسنس

آخر المواضيع

breaking/قوالب بلوجر/9
مقالات

الجمعة، 29 سبتمبر، 2017

سبتمبر 29, 2017

تكبير النص تصغير النص أعادة للحجم الطبيعي

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

الإضافة سهل جدا فى تركيبها لانها لا تحتوى على الكثير من الإكواد تابع معى.
أولا أبحث عن هذا الوسم فى مدونتك ]]></b:skin> ثم قم بوضع الكود التالى فوقه.

.social-links li {
  text-align: center;
  border: 1px solid #eee;
  margin-bottom: 30px;
  border-top: 0;
  box-shadow: -0.5px 1px 9px 0px #eee;
  padding: 58px 10px;
}
.social-links li.facebook {
  border-bottom: 5px solid #223f7b;
  color: #223f7b;
}
.social-links li i {
  font-size: 40px;
}
.social-links li a {
  background: #223f7b;
  color: #fff;
  transform: skew(-14deg,0);
  display: inline-block;
  padding: 1px 26px;
  padding-bottom: 5px;
  line-height: 28px;
  font-size: 15px;
  padding-left: 22px;
}
.social-links li p {
  margin-bottom: 14px;
}
.social-links li.instagram a {
  background: #8539b5;
}
.social-links li.twitter a {
  background: #1ea1ef;
}
.social-links li.youtube a {
  background: #cf1f1f;
}
.social-links li.instagram {
  border-bottom: 5px solid #8539b5;
  color: #8539b5;
}
.social-links li.twitter {
  border-bottom: 5px solid #1ea1ef;
  color: #1ea1ef;
}
.social-links li.youtube {
  border-bottom: 5px solid #cf1f1f;
  color: #cf1f1f;
}

الأن قوم بحفظ القالب وأنتقل الى التخطيط وقم بأنشاء أضافة جديد فى القائمة الجانبية بأسم HTML/JavaScript وضع بها الكود التالى.

<div class="social-links">
<li class="facebook">
<i class="fa fa-facebook"></i>
<p>إنظم لصفحتنا على فايسبوك بالظغط على زر</p>
<a href="الرابط هنا"><span>إعجاب</span></a>
</li>
<li class="instagram">
<i class="fa fa-instagram"></i>
<p>إنظم لصفحتنا على الانستجرام بالظغط على زر</p>
<a href="الرابط هنا"><span>تابعنا</span></a>
</li>
<li class="twitter">
<i class="fa fa-twitter"></i>
<p>إنظم لصفحتنا على تويتر بالظغط على زر</p>
<a href="الرابط هنا"><span>متابعة</span></a>
</li>
<li class="youtube">
<i class="fa fa-youtube-play"></i>
<p>إنظم لقناتنا على يوتيوب بالظغط على زر</p>
<a href="الرابط هنا"><span>اشتراك</span></a>
</li>
</div>

الأن قم بحفظ الإضافة ومبروك عليك الإضافة الجديد فى مدونتك.
هذا كل شئ فى موضوع اليوم بالتوفيق للجميع وأنتظرونا بكل جديد بأذن الله على المدونة ، لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق

إرسال تعليق

مقالات