إضافة جديدة للتبادلات الإعلانية النصية

إخواني الكرام كيف حالكم

اليوم بإذن الله سأقدم لكم شكل جديد يخص إضافة التبادلات الإعلانية

هذه الإضافة التي عرفت انتشارا كبيرا بين المدونين بسبب كثرت عمل التبادلات الإعلانية فيما بينها

صورة من الإضافة

كما ترون في الصورة شكل بسيط لكن مميز بعمودين

لتركيب الإضافة في مدونتك كل ما يجب عليك فعله هو نسخ الكود التالي :

<style>
#arabetutorial1 ul li{
color:#2D2C28;
float: right;
width: 45%;
}
#arabetutorial2 ul li{
color:#2D2C28;
float: left;
width: 45%;
}
#arabetutorial1 li{
margin-bottom:5px;
padding:5px;
}
#arabetutorial1 li a{
color: #777777;
font: 12px GESSTwoMediumRegular,tahoma;
height: 20px;
width:120px;
font-family:'GESSTwoMediumRegular',tahoma,sans-serif;
text-transform: uppercase;
transition: border-color .218s;
background:#f4f4f4;
background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
display: inline-block;
text-shadow: 0 1px 0 #fff;
-webkit-transition: border-color .218s;
-moz-transition: border .218s;
-o-transition: border-color .218s;
transition: border-color .218s;
background:#f3f3f3;
background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
border: solid 1px#ccc;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
margin: 0 4px 4px 0;
padding: 3px 5px;
text-decoration: none;
text-align: center;
}
#arabetutorial1 li:hover{
background:#FCFEFE;
color:#00D1FF;
padding:5px;
cursor:pointer;
}
#arabetutorial1 li a:hover{
color:#333;
font-size:12px;
border-color: #999;
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px
rgba(0,0,0,0.15);
} </style>
<div id="arabetutorial1">
<ul>
                        
<li><a href="#">إعلانك هنا</a></li>
<li><a href="#">إعلانك هنا</a></li>
<li><a href="#">إعلانك هنا</a></li>
<li><a href="#">إعلانك هنا</a></li>
<li><a href="#">إعلانك هنا</a></li>
<li><a href="#">إعلانك هنا</a></li>
<li><a href="#">إعلانك هنا</a></li>
<li><a href="#">إعلانك هنا</a></li>
</ul>
        
</div>

ثم ضعها في أداة HTML جديدة

غير "#" برابط المدونة التي ستعمل معها تبادل إعلاني نصي ثم ضع إسمها

تم تجميع الإضافة لكي يسهل تركيبها في إضافة جديدة دون التعديل على القالب

اتمنى ان تروقكم بالتوفيق للجميع 

ودمتم في رعاية الله وحفظه