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

الجمعة، 21 أبريل 2017

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

زاتو للمعلوميات الجمعة، 21 أبريل 2017 0

السلام عليكم ورحمة الله وبركاته

اليوم لدينا اضافة رائعة لبلوجر صناديق التواصل الأجتماعي مثل مدونة المحترف لكن

هذه الاضافة افضل منها تتميز بـــ 5 صناديق رائعة و جذابة

طريقة تركيب الأضافة

1 / تسخ هذا الكود و تقوم بالذهاب الى تحرير القالب ابحث عن <HEAD>
قم باضافة الكود اسفله (بعده).

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>

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 / احفظ القالب و توجه الى التخطيط اختر مكان الاضافة و اختر |اضافة اداة|جافا سكريبت | وضع الكود التالي :

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='social'>
<ul>
<li class='fb'><p>إنظم لأكثر من مليون و نصف معجب عبر صفحتنا على الفيسبوك.</p><a class='p1' href='https://www.facebook.com/infoarabe'><i class='fa fa-facebook'/> تابع</a></li>
<li class='ggl'><p>إنظم إلينا عبر جوجل + حيث أكثر من 33 ألف يتابعنا.</p><a class='p2' href='https://plus.google.com/u/0/+Arabes1Blogspot'><i class='fa fa-google-plus'/> تابع</a></li>
<li class='twt'><p>إنظم لأزيد من 40 ألف متابع لنا عبر تويتر.</p><a class='p3 ' href='https://twitter.com/didorahim'><i class='fa fa-twitter'/> تابع</a></li>
<li class='ytb'><p>تابعنا على يوتيوب حيث أكثر من مليون و 300 ألف متابع لفيدوهاتنا.</p><a class='p4' href='https://www.youtube.com/user/infoarabes'><i class='fa fa-youtube'/> تابع</a></li>
</ul>
</div>
</b:if>

وكذا مبروك عليك الاضاافة .

لاتنسوا الاشتراك في متابعيين المدونة من الاضافة في اسفل المدونة

تتوصلوا بكل جديد من مواضيع او الأشتراك ب النشرة البريدية اسفل نهاية المدونة

أقسام الموضوع : اضافات بلوجر

فـريـق عـمـل الموقع :

زاتو للمعلوميات ، هو موقع يقدم ، شروحات ، برامج ، العاب ، أخبار ، و الكثير ... يعمل عليه فريق عمل مكون من ثلاث أشخاص يقدمون كل ماهو مفيد و جديد بأبسط الطرق ، هدفهم أثراء المحتوى العربي و تصحيح كل ماهو مخطأ . أشترك في الموقع لتتوصل بكل ماهو جديد مباشرة على بريدك الألكتروني . حـصـريـا أكـثـر من 3 ثلاث مـواضيتع متعـلـقـة بـ الألعاب يوميا ...

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

تذكر : (( ما يلفظ من قول إلا لديه رقيب عتيد ))

{ يسعدنا تفاعلكم بالتعليق ولكن نرجو منكم أن يكون خاص بالموضوع }

الأبتساماتأخفاء الأبتسامات

عن الموقع

مدونة زاتو للمعلوميات : مدونة تقنية تحتوى على مجموعة دروس ودورات فى مجالات تقنية مختلفة مثل دروس انظمة التشغيل والبرامج والالعاب وبلوجر وفوتوشوب وتطبيقات اندوريد والربح من الانترنت وغيره من الشروحات المميزة تاست مدونة زاتو للمعلوميات عام 2016 هدفنا ارضائكم و تقديم كل ماهو مميز ، كن من متابعين المدونة لـ توصل بجديد المواضع...

الجمعة، 21 أبريل 2017