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

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

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

شرح التركيب

اذهب للوحة التحكم >> التخطيط >> اضافة أداة >> 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/AVvXsEj0eUQQUAiG_db8kPwEHIQ7l-2xNQMfC0T0PGM6Cohhcli3FHTn3Q05SbUyrOaq0qIKMqQbTiB5O1blRUETFGVjW3S_f0xFQ3KWB9pI50Cb87pZx84rL18yGzPOU_yrG1txHysFgjgntZA/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>