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

اضافة اداة التبادل الاعلانى النصى لمدونات بلوجر - مرحبا بكم يا رائعون، احببت ان اقدم لكم هذه الاضافة بالمجان، وما اعتدنا في روتكس بتقدم لكم الاشياء الاحترافية فقط، فاذا كنت تمتلك مدونة و تحتاج الى اصافات احترافية لتزيينها و ارضاء زوارك وكسب المزيد من الزوار.

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

شرح تركيب الاضافة

1. توجه الى التخطيط ثم إضافة أداة HTML / JavaScript

2. ضع الكود التالى

<div class='rotkxlink'>
<ul>
<li><i class='fa fa-arrow-circle-o-left'i/></i><a href='#'>مساحة اعلانية للتبادل</a></li>
<li><i class='fa fa-arrow-circle-o-left'i/></i><a href='#'>مساحة اعلانية للتبادل</a></li>
<li><i class='fa fa-arrow-circle-o-left'i/></i><a href='#'>مساحة اعلانية للتبادل</a></li>
<li><i class='fa fa-arrow-circle-o-left'i/></i><a href='#'>مساحة اعلانية للتبادل</a></li>
<li><i class='fa fa-arrow-circle-o-left'i/></i><a href='#'>مساحة اعلانية للتبادل</a></li>
</ul>
</div>
<style>
.rotkxlink ul{list-style:outside none none;margin:0;padding:0;border:0}
.rotkxlink ul li{margin:0;padding:0;border:0}
.rotkxlink ul li a{background-color:#34495e;color:#fff;display:block;height:35px;line-height:35px;margin-bottom:5px;text-decoration:none;padding:0 10px;transition:all 0.7s ease 0s}
.rotkxlink ul li a:hover{background-color:#3bafda;color:#f7f7f7;padding-right:20px;}
i.fa.fa-arrow-circle-o-left{background-color:#3bafda;color:#fff;float:left;font:24px/34px fontawesome;line-height:35px;width:35px;text-align:center;}
</style>