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

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

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

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

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

لا تنسوا الاشتراك للتوصل بجديد المدونة

شارك الموضوع إذا أعجبك

share

Med Service