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


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



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

طبعا الكود مثل ماهو بالصورة في الأعلى يحوي على ازرار بداخلها الروابط النصية مع تأثيرات الشرح ال توضيحي للرابط



قبل الكود ما فائدة التبادل الأعلاني؟


هنا احرص جيداً بآنك يكون لك تبادل روابط مباشرة مع مواقع اخرى لها رتبة عالية وكل ما ارتفعت الرتبة زاد هذا من تقييم موقعك في محركات البحث
محركات البحث وبالاخص محرك البحث جوجل يعتمد على اعطاء الرتبة بطريقتين
الاولى هي مدى تواجد روابط من موقعك ومباشرة بمواقع اخرى
الثانية تقييم مواقع اخرى لها بيج رانك عالي او رتبة عالية تبادلت معاك روابط مباشرة وهذا ما يسمى تقييم مواقع اخرى لموقعك


كيف أضيفها إلى موقعي:

أولا الكود هو عبارة عن كود  HTML/JavaScript يمكن اضافته في اي مكان مخصص للغة الهتمل في موقعك

للإضافة الى مدونتك أذهب الى تخطيط ثم إضافة أداة ثم اختر أدوات  HTML/JavaScript ثم أضف الكود التالي حيث تشاء في المكان المخصص له

الكود:

<div class='widget-content'><div style=" padding: 10px;background-color:Transparent;border-radius:10px;box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.5),0px 5px 5px 0px rgba(200, 200, 200, 0.5) inset;">
<style type="text/css">
#navlist {
    margin: 0px auto 0px auto;
    padding: 0px;
    list-style-type: none;
    float: center;
    display: block;
}
#navlist a {
font-family: "DroidKufi-Bold";
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
    background-color:#241414;    border: 1px solid #F8FAF3;
    font-size: 7pt;
    text-decoration: none;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 30px;
    padding-right: 0px;
    margin-right: 0px;
}
#navlist a:hover {
font-family: "DroidKufi-Bold";
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
    background-color:#ffa800;    border:1px solid #ff000;
    font-size: 7pt;
    text-decoration: none;
    color: #000000;    display: block;
    text-align: center;
    line-height: 30px;
    padding-right: 0px;
    margin-right: 0px;
}
</style>
<ul id="navlist">                   
<table width="100%" align="center">
<tr>
<td width="25%" align="center">
<a target="_blank" href="رابط الموقع هنـــا" target="_blank" title="تبادل إعلاني" rel="nofollow">اســم الموقع</a>
</td>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="المصدر تك لأخبار التقنية" rel="nofollow">تبادل إعلاني</a>
</td>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="المهووس العربي" rel="nofollow">إعلانك هنا</a>
</td>
</tr></table>
<table width="100%" align="center">
<tr>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="تبادل اعلاني نصي" rel="nofollow">إعلانك هنا</a>
</td>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="تبادل اعلاني نصي" rel="nofollow">إعلانك هنا</a>
</td>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="تبادل اعلاني نصي" rel="nofollow">إعلانك هنا</a>
</td></tr>
<table width="100%" align="center">
<tr>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="تبادل اعلاني نصي" rel="nofollow">إعلانك هنا</a>
</td>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="تبادل اعلاني نصي" rel="nofollow">إعلانك هنا</a>
</td>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="تبادل اعلاني نصي" rel="nofollow">إعلانك هنا</a>
</td></tr>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="تبادل اعلاني نصي" rel="nofollow">إعلانك هنا</a>
</td>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="تبادل اعلاني نصي" rel="nofollow">إعلانك هنا</a>
</td>
<td width="25%" align="center">
<a target="_blank"href="#" target="_blank" title="تبادل اعلاني نصي" rel="nofollow">إعلانك هنا</a>
</td>
</table>
<table width="100%" align="center">
<tr>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="تبادل اعلاني نصي" rel="nofollow">إعلانك هنا</a>
</td>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="تبادل اعلاني نصي" rel="nofollow">إعلانك هنا</a>
</td>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="تبادل اعلاني نصي" rel="nofollow">إعلانك هنا</a>
</td></tr>
<table width="100%" align="center">
<tr>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="تبادل اعلاني نصي" rel="nofollow">إعلانك هنا</a>
</td>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="تبادل اعلاني نصي" rel="nofollow">إعلانك هنا</a>
</td>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="تبادل اعلاني نصي" rel="nofollow">إعلانك هنا</a>
</td></tr>
</table></table></table></ul>


التخصيص :


لتغيير الخلفية غير الرمز #241414 المشار اليه بالاعلى باللون الازرق بما يناسب لون مظهر مدونتك 

لتغيير اللون البرتقالي عند مرور الماوس على الرابط غير الرمز المشار اليه باللون الاحمر#ffa800

لتغيير لون النص غير الرمز المشار اليه باللون الاخضر #000000

ببساطة يمكن اختيار الالوان من هنا

لإزالة الإطار حول الكود احذف الرموز المشار اليها باللون البنفسجي


هذا كل شيئ شكرا لمتابعتك :)



مشاركات أقدم المقال التالي
3 تعليق
  • الوافي
    الوافي 02‏/05‏/2014، 11:13:00 م

    شكرا لك علي الموضوع
    www.al-wafe.com

  • Black blood
    Black blood 05‏/12‏/2014، 4:56:00 م

    شكرا الكود جمييل جدا
    هذا ما كنت أبحث عنه
    سوف أستخدمه في موقعي : بنك المعلومات
    http://www.bankelmalomat.com/

  • alkrbdiالكربدي
    alkrbdiالكربدي 10‏/07‏/2017، 9:01:00 م

    شكرا حلو جدا
    #شكر خاص من ادارة موقع الكربدي
    https://alkrbdi7.blogspot.com

أضف تعليق
عنوان التعليق