اضافة التبادل النصى المطور لمدونات بلوجر

السلام عليكم مرحبا بكم زوار مدونة مدون

اليوم اضافة جديدة وهى التبادل النصى المطور بشكل جديد وانيق

لمدونات بلوجر وهو يفيد المدونات مع تبادل لمدونات اخرى

لزيادة زوار المدونة او وضع قائمة بالمواقع التى تدعمك

طريقة التركيب:

الذهاب الى التخطيط -اضافة اداة جديدة-html java script

الكود وشرحة:

<div class='widget-content'>
<style>#fbar{list-style-type:none;list-style:none;margin:-3px 0px -1px 22px;background:#fff;padding:0px;border:0px solid
#d6d6d6;}#fbar1
ul{list-style-type:none;list-style:none;margin:0px;background:#fff;border:0px
 solid #d6d6d6;}#fbar2
ul{list-style-type:none;list-style:none;margin:0px;border-left:0px solid
 #d6d6d6;border-top:0px solid #d6d6d6;border-bottom:1px solid
#d6d6d6;background:#fff;}#fbar ul li{background:#444;border-top:0px
solid #d6d6d6;padding:10px
10px;margin-bottom:-1px;color:#666;box-shadow:inset 0 0 0px
#fff;border-bottom:0px solid #d6d6d6;-webkit-transition:All 0.5s
ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s
ease;-ms-transition:All 0.5s ease;transition:All 0.5s ease;}#fbar ul
li:hover{background:#efefef;box-shadow:inset 0 0 0px
#ddd;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s
ease;-o-transition:All 0.5s ease;-ms-transition:All 0.5s
ease;transition:All 0.5s ease;}#fbar
a{text-decoration:none;color:#2D2D2D;}#vbar
a:hover{text-decoration:none;color:#037DFF;}#fbar
h2{margin:8px;color:#666;border:1px solid
#d6d6d6;background:-moz-linear-gradient(top,#f8f8f8,#eaeaea);background:-webkit-gradient(linear

top,#f8f8f8,#eaeaea);background:-ms-linear-gradient(top,#f8f8f8,#eaeaea);background:-o-linear-gradient(top,#f8f8f8,#eaeaea);padding:8px;,
Arial,Helvetica,Sans-serif;font-size:11px;line-height:24px;font-weight:bold;-webkit-transition:
 All 1s ease;
-moz-transition: All 1s ease;
-o-transition: All 1s ease;
-ms-transition: All 1s ease;
transition: All 1s ease;
}#fbar
 ul li a{color:#FFF;font-size:10px;font-weight:normal;text-decoration:none;-webkit-transition:All
 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s
ease;-ms-transition:All 0.5s ease;transition:All 0.5s ease;}.lb a
img{float:right;padding-left:10px;}#fbar1{float:right;width:50%;display:block;}#fbar2{float:left;width:50%;display:block;}</style>
<div id="fbar">
<div id="fbar1">
<ul>
<li
 class="lb"><a href="#"> اعلن هنا<img
src="http://dryicons.com/images/redesign/logo/logo_24px.png"/></a>
<li
 class="lb"><a href="#">اعلن هنا<img
src="http://dryicons.com/images/redesign/logo/logo_24px.png"/></a>
<li
 class="lb"><a href="#">اعلن هنا<img
src="http://dryicons.com/images/redesign/logo/logo_24px.png"/></a>
<li
 class="lb"><a href="#"><img
src="http://dryicons.com/images/redesign/logo/logo_24px.png"/> اعلن هنا
</a>
<li class="lb"><a
href="#"><img
src="http://dryicons.com/images/redesign/logo/logo_24px.png"/>اعلن هنا</a></li>
<li class="lb"><a
href="#"><img
src="http://dryicons.com/images/redesign/logo/logo_24px.png"/>اعلن هنا</a></li>
</li
></li
></li
></li
></ul></div>
<div id="fbar2">
<ul>
<li
 class="lb"><a href="#"><img
src="http://dryicons.com/images/redesign/logo/logo_24px.png"/>اعلن هنا</a>
<li class="lb"><a
href="#"><img
src="http://dryicons.com/images/redesign/logo/logo_24px.png"/>اعلن هنا</a></li>
<li
 class="lb"><a href="#"><img
src="http://dryicons.com/images/redesign/logo/logo_24px.png"/>اعلن هنا</a>
<li class="lb"><a href="#">اعلن هنا<img src="http://dryicons.com/images/redesign/logo/logo_24px.png"/></a>
</li>
<li
 class="lb"><a href="#"><img
src="http://dryicons.com/images/redesign/logo/logo_24px.png"/>اعلن هنا</a>
<li
 class="lb"><a href="#">اعلن هنا<img
src="http://dryicons.com/images/redesign/logo/logo_24px.png"/></a>
</li
></li
></li
></li
></ul>
</div>
</div>
</div>

يتم تغير مكان اعلانك هنا اسم الموقع المراد
مكان الجزء الملون بالأزرق # رابط الموقع
لأضافة جزء اعلانى جيد قم بتكرار هذا الجزء مرة اخرى
<li

 class="lb"><a href="#"> اعلن هنا<img
src="http://dryicons.com/images/redesign/logo/logo_24px.png"/></a>

لأاضافتة فى العمود الأول اضف تحت هذا الكود

<div id="fbar1">
<ul>

لأضافتة للعمود الثانى اضف تحت هذا الكود

<div id="fbar2">
<ul>

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