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

يميل كثير من المدونين للتبادلات النصية لأنها أفضل من ناحية الأرشفة ولا تسبب تقليل فى سرعة المدونة ، لهذا السبب  قررت تقديم هذا الموضوع لمتتبعى مدونة ابداعاتى الكرام أملا أن ينال اعجابهم جميعا ، ولكى لا أطيل عليكم فى متتبعى المدونة الكرام هيا بنا لساحة المعاينة والشرح 

♦ يمكنك معاينة الاضافة >> من هنا ♦

شرح التركيب 

اذهب للوحة التحكم >> التخطيط >> اضافة أداة >> Html/javascript

ضع بها هذا الكود 

<div class='myebd3at'>

  <ul>

 <li>

<a rel="nofollow" dir="rtl" href="#"target='_blank'>ضع إعلانك هنا</a>

</li>

 <li>

<a rel="nofollow" dir="rtl" href="#"target='_blank'>ضع إعلانك هنا</a>

</li>

 <li>

<a rel="nofollow" dir="rtl" href="#"target='_blank'>ضع إعلانك هنا</a>

</li>

 <li>

<a rel="nofollow" dir="rtl" href="#"target='_blank'>ضع إعلانك هنا</a>

</li>

 <li>

<a rel="nofollow" dir="rtl" href="#"target='_blank'>ضع إعلانك هنا</a>

</li>

 <li>

<a rel="nofollow" dir="rtl" href="#"target='_blank'>ضع إعلانك هنا</a>

</li>

</ul>

</div>

<style>

.myebd3at ul{width:300px;float:center;display:block;}

.myebd3at li{margin: 0;text-align: center;list-style:none;width:50%;float:right;padding:0 2px 0 3px;}

.myebd3at li a{position:relative;display:block;padding:.6em .6em .6em .6em;margin:.1em 0 .1em 0.5em

;background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAwU4GGwIaZgrTXDhPCKis-oZsE2HIejlCqGPczWgTxYYmWprr78A8n8VbujQcR7m_0506nN9_P2IJ2aJmpvRd5SNTynDTvMmxDd3tudDaFLy1aISsYmgQJABSD94XQZi5YrE0Yo45ueI/s1600/debut_light.png')

;border:1px solid #DDD

;text-decoration:none;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;font:13px DroidKufi-Regular;);border: 2px solid #3a98e2;}

.myebd3at li a:hover:after{left:-.5em;border-left-color:#000000;}

</style>

♦ التعديلات اللازمة على الكود ♦

√ استبدل ضع إعلانك هنا بما تريد

√ استبدل رمز # بالرابـــــــــــــــــط

√ لاضافة مكان اضافى فى الأداة كرر هذا الجزء

 <li>
<a rel="nofollow" dir="rtl" href="#"target='_blank'>ضع إعلانك هنا</a>
</li>

فى انتظار تعليقاتكم المشجعة على تقديم محتوى أفضل