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

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

اقرأ ايضا :

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

لمعاينة الاضافة بالصورة :

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

ادخل الى القالب واختار تحرير .
ابحث عن ]]></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='#'> رابط نصي </a></li> <li><a href='#'> رابط نصي </a></li> <li><a href='#'> رابط نصي </a></li> <li><a href='#'> رابط نصي </a></li> <li><a href='#'> رابط نصي </a></li> </ul> </div>

الى هنا نكون قد وصلنا الى ختام التدوينة

نلتقي قريبا في تدوينة جديدة

في أمان الله

الموضوع من قسم:

إضافات بلوجر

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