اضافة كود تبادل اعلاني و وضع بنرات للمواقع الصديقة

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

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

على بركة الله نبدأ الشرح ...

  أولا : اختر مكان وضع بنرات التبادل الاعلاني 
ثم اضافة أداة ثم HTML/JavaScript.
 
 نكتب عنوان الاضافة ( تبادل اعلاني او مواقع صديقة او ...الخ ).
 ثم نضع الكود الذي في الاسفل هنا.

هذا كود HTML بدون تنسيق
<a href="ضع رابط الموقع هنا"><img src="ضع رابط الصورة هنا" /></a>

وهذا كود مع بعض التنسيق
<a href="ضع رابط الموقع هنا"><img style="background: #F0F0F0;border-top: 1px solid #FFFFFF;outline: 1px solid #DDDDDD;padding: 5px;margin:5px;" src="ضع رابط الصورة هنا"></a>

ضع الروابط في الاماكن المناسبة.

عندما تريد وضع اكثر من بنر فقط قم باعادة الكود لكل بنر في نفس الاضافة ... .

ثم حفظ

الشكل الثاني : كود اعلان نصي جميل و جداب

اولا : انتقل إلى لوح تحكم مدونتك
إختر "تخطيط" ثم إضافة أداة
HTML/Javascript 


والآن الصق داخل المستطيل الكود التالي :
<style>.tabadol a{
    display: block;
    color: #FFF;
    background: none repeat scroll 0% 0% #ADADAD;
    margin: 2px;
    padding: 4px 21px;
    padding-bottom: 8px;
    text-align: center;
    margin-top: 2px;
    border-radius: 3px;
    border-bottom: 2px solid #9C9C9C;
    width: 150px;
    float: right;
    }
    .tabadol a:hover{
    display: block;
    display: block;
    color: #FFF;
    background: none repeat scroll 0% 0% #FF7F27;
    margin: 2px;
    padding: 4px 21px;
    padding-bottom: 8px;
    text-align: center;
    margin-top: 2px;
    border-radius: 3px;
    border-bottom: 2px solid #E03A3A;
    width: 150px;
    float: right;
    }
    </style>
    <span class="tabadol" lang="ar-bh"><a target="_blank" href="رابط المعلن">
    <font  size="2">اسم المعلن</font></a></span>
    <span class="tabadol" lang="ar-bh"><a target="_blank" href="https://almdwan.blogspot.com p/blog-page_14.html">
    <font  size="2">اسم المعلن</font></a></span>

    <span class="tabadol" lang="ar-bh"><a target="_blank" href="رابط المعلن">
    <font  size="2">اسم المعلن</font></a></span>
    <span class="tabadol" lang="ar-bh"><a target="_blank" href="رابط  المعلن">
    <font  size="2">اسم المعلن</font></a></span>
    <span class="tabadol" lang="ar-bh"><a target="_blank" href="رابط المعلن">
    <font  size="2">اسم المعلن</font></a></span>
    <span class="tabadol" lang="ar-bh"><a target="_blank" href="رابط المعلن">
    <font  size="2">اسم المعلن</font></a></span>

    <span class="tabadol" lang="ar-bh"><a target="_blank" href="رابط المعلن" style="    color: #FFFFFF;
    background: none repeat scroll 0% 0% #FF5C5C;
    padding: 6px 21px;
    text-align: center;
    margin-top: 5px;
    border-bottom: 4px solid #E03A3A;">
    <font  size="2">اضف موقعك</font></a></span>


نكتب عنوان الاضافة تبادل اعلاني او مواقع صديقة الخ ....
ونقوم باضافة عناوين المواقع و الروابط
ثم حفظ

نتمنى ان يكون درس اليوم و اضح و ان ينال اعجابكم
اي اسئلة او استفسار نحن رهن الاشارة

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

تابعنا على تويتر

تابعنا على فيسبوك