اضافة اداة التبادل الاعلاني بشكل جميل و احترافي

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

غالبية المدونات تعتمد على التبادل الإعلاني او الإعلانات المدفوعة لذلك من الضروري وجود كود مضبوط ليجعل من تلك الخدمة امر سهل خصوصا ان كان يتم تعديل البنرات والروابط كثيراً فيجب ان يكون الكود سهل في التعديل ولهذا الكود التالي سيكون مثالي جداً لهذا الامر حيث انه خفيف جداً ولا يحتوي على صور بل هو معتمد تماما على اكواد للـ CSS وطبعا انت يمكنك ان تضيف صور لكنك ستوفر على نفسك صناعة صورة لتخبر الزوار ان تلك مساحة إعلانية

هدا الكود يوضع في اداة      HTML JAVASCRIPT

 <style type="text/css">.cnmu125ads {  display: block;  list-style: outside none none;  margin: 5px auto !important;  padding: 0;  width: 286px;}.cnmu125ads li {float: right;}.cnmu125ads a {  background-color: #333;  border: 4px solid #fff;  box-shadow: 0 0 0 1px #444;  color: #fff;  display: block;  height: 125px;  line-height: 125px;  margin: 5px;  text-align: center;  text-decoration: none;  width: 125px;}.cnmu125ads a:hover{background-color: #446faa; color:#fff; border-color:#fc5400;}</style><ul class="cnmu125ads"><li><a href="#">مساحة إعلانية</a></li><li><a href="#">مساحة إعلانية</a></li><li><a href="#">مساحة إعلانية</a></li><li><a href="#">مساحة إعلانية</a></li></ul>

اما بالنسبة للتنسيقات  

الكود #333 هو لون خلفية المساحة الإعلانية

الكود #fff هو لون الإطار

الكود #444 هو لون الخط الخارجي للإطار

الكود #fff هو لون خط الكتابة

الكود #446faa هو لو خلفية المساحة الإعلانية عند تمرير الماوس

الكود #fff  هو لون الخط عند تمرير الماوس

الكود #fe5400  هو لون الإطار عند تمرير الماوس

تعديل حجم الكود هناك مجموعة ارقام مميزه بخلفية بيضاء الثلاثة 125 عدلهم بالزيادة او النقصان كما تريد

الرقم 286 ان زدت الرقم 125 مثلا 5 درجات تزيد الرقم 286 الضعف يعني 10 كذلك لو انقصته تنقص بالضعف 

ملاحظة هده الاضافة هي من تصميم كن مدون