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

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

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


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

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

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

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

أولا الكود هو عبارة عن كود  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



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

 

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