كود التبادل النصي بشكل رائع

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

اليوم انشاء الله سبحانه وتعالى ساقدم لكم كود كود التبادل النصي بشكل احترافي لمدونات البلوجر طبعا ، هدا الكود هو حصري ولم يتم طرحه من قبل من طرف اي مدونة ، يمكنك عمله للقيام بتبادل اعلاني نصي مع مدونات اخرى، وطبعا الجميع يعلم فوائد التبادل النصي مما له من زيادة للأرشفة والباكلنكس وكدلك لا ننسى البيج رانك ، ويمكنك اضافة عدد غير محدود من المدونات { حسب رغبتك أنت } ، الان وبدون اطالة نمر لمعاينة وتركيب الكود :

للمعايـــنـــة هـــنـــا

شرح طريقة التركيب

* تتوجه الى لوحة التحكم 

* ثم التخطيط

* ثم اضافة أداة ، ثم اداة HTML/JAVASCRIPT

* ثم تقوم بوضع الكود التالي :

<center>
<div class="menu-wahat" target="_blank">
  <ul>
<li>
<a dir="rtl" href="#" rel="dofollow" target="_blank"><center> هــنـــا </center></a>
</li>
<li>
<a dir="rtl" href="#" rel="dofollow" target="_blank"><center> هــنـــا </center></a>
</li>
<li>
<a dir="rtl" href="#" rel="dofollow" target="_blank"><center> هــنـــا </center></a>
</li>
<li>
<a dir="rtl" href="#" rel="dofollow" target="_blank"><center> هــنـــا </center></a>
</li>
</ul>
</div>
<style>
  /* this is menu by : http://www.wahatinfo.com -- */
.menu-wahat li a:before {
content: '#';
position: absolute;
left: -2.5em;
top: 50%;
margin-top: -1em;
background: #39C4FF;
height: 2em;
width: 2em;
line-height: 2em;
text-align: center;
font-weight: bold;
display: none;
}
.menu-wahat ul{width:100%;float:right;display:block;}.menu-wahat li{margin: 0;text-align: right;list-style:none;width:48%;float:right;padding:0 2px 0 3px;}
.menu-wahat li a {
position: relative;
display: block;
padding: 3.4em .4em .4em .4em;
margin: 4px;
background: #fff;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
padding-top: 7px;
border: 1px solid #2981bd;
padding-bottom: 9px;
padding-left: 27px;
padding-right: 14px;
font: 11px droidkufi-regular;
margin-left: 5px;
border-radius: 4px;
text-shadow: 1px 1px rgba(255, 255, 255, 0.48);
color: #2981bd !important;
} 
.menu-wahat li a:before{content:'#';position:absolute;left:-2.5em;top:50%;margin-top:-1em;background:#39C4FF;height:2em;width:2em;line-height:2em;text-align:center;font-weight:bold;}.menu-wahat li a:after{position:absolute;content:'';border:.5em solid rgba(0, 0, 0, 0);left:-1em;top:50%;margin-top:-.5em;-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:12px tahoma,arial;text-shadow:1px 1px rgba(255, 255, 255, 0.53);}.menu-wahat li a:hover:after{left:-.5em;border-left-color:#39C4FF;}
#sidebarr-id h2 {
padding: 6px;
background:  #2981bd;
color: #fff;
font: 17px droidkufi-bold;
margin-bottom: 0px;
padding-right: 7px;
border-right: 5px solid #2981bd;
}
</style>
</center>

* لاضافة مكان اعلاني جديد :

تقوم باضافة هدا الكود في مكان تحت الوسم الاحمر في الكود أعلاه :

ادا لم تكن تحتاج اضافتها فلا مشكل :

<li>
<a dir="rtl" href="#" rel="dofollow" target="_blank"><center> هــنـــا </center></a>
</li>

قم بنشر الموضوع إذا أعجبك