اضافة كود التبادل الاعلاني V2 من تصميم جزائري ويب



اضافة كود التبادل الاعلاني V2 من تصميم جزائري ويب
غالبية المدونات تعتمد على التبادل الإعلاني او الإعلانات المدفوعة لذلك من الضروري وجود كود مضبوط
ليجعل من تلك الخدمة امر سهل خصوصا ان كان يتم تعديل على الروابط كثيراً
 فيجب ان يكون الكود سهل في التعديل ولهذا الكود التالي سيكون مثالي جداً 


شرح تركيب + معاينة الاضافة من هنا  :
    1. داخل القالب تحرير html 
    2. فوق هذا الوسم  <head/>  نضع الكود التالي:
<style> .LinkList h2::before {content: &quot;\f005&quot; !important;} .LinkList ul { list-style: outside none none; margin: 0; padding: 0;} .LinkList li a { border-left: 3px solid #DCDCDC; background-color: #E7E7E7; box-shadow: 0 1px 0 4px #fff; color: #2D3E50; display: block; float: right; height: 40px; line-height: 40px; margin-bottom: 5px; text-align: center; width: 316px;text-decoration: none;} .LinkList li a:before { content: &#39;\f127&#39;; font-family: FontAwesome; font-style: normal; font-weight: normal; right: 0;float: right;color: #FFF; background: #456B8E; padding-left: 7px; padding-right: 7px;transition: all 0.3s linear; } .LinkList li a:hover { background-color: #F74047;color:#fff;} .LinkList li a:after { content: &#39;&#39;; margin-top: 10px; border: 10px solid transparent; border-right-color: #456B8E; float: right;} .LinkList li a:hover:before{padding-left: 17px; padding-right: 17px;transition: all 0.3s linear;content: &#39;\f105&#39;;font-family: FontAwesome;} </style>

    1. داخل التخطيط على ادات جديدة  HTML/JavaScript  نضع الكود التالي:
<ul><div class='widget LinkList' style='list-style: none;' id='LinkList1'> <li><a href="http://www.elmwso3a.com/" target="_blank"> موسوعة المعلوميات</a></li> <li><a href="http://www.i3lm.com/" target="_blank">موسوعة المعلومات</a></li> <li><a href="http://qaisi1web.blogspot.com/" target="_blank"> القيسي ويب | الافضل لكم </a></li> <li><a href="http://www.th3littleprofessor.com/" target="_blank">البروفيسور الصغير</a></li> <li><a href="http://www.almohtarifdz.com/" target="_blank">المحترف الجزائري للمعلوميات</a></li> <li><a href="http://profmasterissam.blogspot.com/" target="_blank">اورتيلكس للمعلوميات</a></li> <li><a href="#style="background:#F74047;color:#fff;" target="_blank"> ضع رابط مدونتك هنا</a></li> <li><a href="#style="background:#F74047;color:#fff;" target="_blank"> ضع رابط مدونتك هنا</a></li> </div></ul><div class="clear"></div>
  1. هل يمكن إضافة الشكلين مع بعضهم في نفس المدونة

    ردحذف
    الردود
    1. نعم ,ولاكن يجب وضع ايضا اكواد CSS داخل ادات HTML مع الكود في التخطيط
      لعدم تكرار الاكواد =a
      او داخل القالب مع تغير معرف الكود

      حذف
  2. عاشت يداك على الاضافه الرائعه

    ردحذف
  3. شكرا
    هل ستضع الاضافة بشكل V3

    ردحذف
    الردود
    1. نعم مع تاثيرالضغط على رابط الاعلان =a

      حذف
  4. اخي الاضافة لا تشتغل معي مثل في المعاينة حيث لا تظهر الايقونات و لا تتحرك اثناء تمرير الربط عليها
    للمعاينة : https://tiqaniya-tech.blogspot.com/

    ردحذف
    الردود
    1. رابط مدونتك تعمل تلقائيا توجيه الرابط الى http://www.ar1web.com
      المهم قم بحدف الاضافة السابقة او هناك تشابه في معرف الكود
      ادا لم تعمل معك اجعلني مشرف و ساعدلها !!

      حذف
    2. تم تعديل المسكل الخاص باعادة التوجيه السبب هو سكربت
      لا يوجد تشابه في الكود و اي شيئ
      ارسل لي الايميل لاضيفك مشرف

      حذف
  5. الاضافة شغالة 100%
    ارسل لي القالب عبر اتصل بي مع دكر المشكلة
    و ساعدلها بادن الله =a

    ردحذف

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