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

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

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

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

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


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>

3. احفظ الاضافة

لا تنسى تغيير # برابط المدونة و مساحة اعلانية للتبادل باسم المدونة الذى تقوم بتبادل اعلانى معها

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

0 تعليقات