إضافة تبادل اعلاني نصي الشكل الثاني


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


طريقة التركيب :

  • ادخل الى القالب واختار تحرير .
  • ابحث عن  ]]></b:skin>  واضف فوقه الكود التالي :

.Al7otweb ul{margin:0;padding:0;}
.Al7otweb ul li{
background: #00AAE7;
  margin-bottom: 6px;
  padding: 4px;
  margin-top: 3px;
  width: 207px;
  margin-right: 67px;text-align: center;
  transition: 0.6s;
  border-radius: 70px 0px 70px 0px;
}
.Al7otweb ul li a{color:#fff;}
.Al7otweb ul li:hover{
background: #191919;
  border-radius: 0 70px 0 70px;
}


  • وبعدها اذهب الى التخطيط 
  • اختار اضافة اداة جافا سيكرة 
  • ضع بها الكود التالي :
<div class='Al7otweb '> <ul> <li><a href='#'><i class="fa fa-hand-o-left" style='font-size:12px;'></i> رابط نصي </a></li> <li><a href='#'><i class="fa fa-hand-o-left" style='font-size:12px;'></i> رابط نصي </a></li> <li><a href='#'><i class="fa fa-hand-o-left" style='font-size:12px;'></i> رابط نصي </a></li> <li><a href='#'><i class="fa fa-hand-o-left" style='font-size:12px;'></i> رابط نصي </a></li> <li><a href='#'><i class="fa fa-hand-o-left" style='font-size:12px;'></i> رابط نصي </a></li> </ul> </div>
الى هنا نكون قد وصلنا الى ختام التدوينة
نلتقي قريبا في تدوينة جديدة
في أمان الله

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

عن الكاتب

أنا عماد إياد من المملكة الاردنية الهاشمة حبي الاول واهتمامي هو التدوين والحمد لله استطعت ان احرز نجاح كبير ومدونة حلم ويب تعبر عما اهواه

0 التعليقات لموضوع "إضافة تبادل اعلاني نصي الشكل الثاني"

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1 أن يكون التعليق خاص بمحتوى التدوينة
2 أن لا تضع أي روابط خارجية


الابتسامات الابتسامات