أخر المقالات
تحميل...

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


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



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

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



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


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


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

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

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

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


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



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

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

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

تذكر قوله تعالى:
(( مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ)) ‏
-----------------------------------
الان يمكنك اضافة اي مقطع فيديو الى التعليقات وايضا اضافة الصور فقط ضع رابط الصور او مقطع الفيديو في التعليقات
----------------------------------
آرائكم تسعدنا, لمتابعة التعليق حتى نرد عليك فقط ضع إشارة على إعلامي

نحن نعرض الإعلانات على الموقع للإسهام في تحسين موقعنا.

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

شكرًا لك

×