الأحد، 9 أكتوبر 2016

الكود المثالي لعمل التبادل الإعلاني




طريقة تركيب الاضافة الخاصة بالتبادل الإعلاني النصي

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

1 -  طريقة تركيب الاضافة الخاصة بالتبادل الإعلاني الصوري

طريقة تركيب الاضافة الخاصة بالتبادل الإعلاني الصوري

  1. من لوحة التحكم بلوجر
  2. نختار تخطيط >> اضافة آداة HTML/JavaScript >> ونضع بها الكود التالي 

<style type="text/css">
.mrouadine125ads {
display: block;
list-style: outside none none;
margin: 5px auto !important;
padding: 0;
width: 286px;
}
.mrouadine125ads li {float: right;}
.mrouadine125ads 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;
}
.mrouadine125ads a:hover{background-color: #446faa; color:#fff; border-color:#0072FE;}
</style>
<ul class="mrouadine125ads">
<li><a href="#">مساحة إعلانية</a></li>
<li><a href="#">مساحة إعلانية</a></li>
<li><a href="#">مساحة إعلانية</a></li>
<li><a href="#">مساحة إعلانية</a></li>
</ul>

شرح تنسيق الاضافة 

غير # بالرابـــــــــــــــــط  الإعلاني
286px : هو عرض الاضافــــة
#333 : لون الخلفية
#fff : لون الخط
125px : يمثل عرض كل صندوق
125px: يمثل طول كل صندوق
center : هذا يعني أن الكتابة في الوسط

طريقة جعل الروابط تفتح في نافذة جديدة

<li><a target="_blank" href="#">مساحة إعلانية</a></li>
2 - طريقة تركيب الاضافة الخاصة بالتبادل الإعلاني النصي

طريقة تركيب الاضافة الخاصة بالتبادل الإعلاني النصي

  1. من لوحة التحكم بلوجر
  2. نختار تخطيط >> اضافة آداة قائمة الروابط 

شرح تنسيق الاضافة

يضاف الكود فوق الوسم ]]></b:skin>

.LinkList li a {
  background-color: #444444;
  box-shadow: 0 1px 0 4px #fff;
  color: #fff;
  display: block;
  height: 40px;
  line-height: 40px;
  margin-bottom: 5px;
  text-align: center;
  text-decoration: none;
  transition: all 0.7s ease 0s;
}
.LinkList li a:hover {background-color: #fc5400;}

شرح مبسط لإستخدام قائمة الروابط


3 - طريقة تركيب كود لعرض الإعلانات مع التحكم في <  العرض > و < الوطول  >



  1. من لوحة التحكم بلوجر
  2. نختار تخطيط >> اضافة آداة HTML/JavaScript >> ونضع بها الكود التالي 

    <script type="text/javascript">
    var mrouadine_id = 1;
    var mrouadine_now = new Date()
    var detik = mrouadine_now.getSeconds()
    var plozr_place = detik % plozr_id;
    mrouadine_place += 1;
    if (mrouadine_place == 1) {
    url = "رابط الاعلان";
    alt = "وصف الاعلان";
    title = "عنوان الاعلان";
    banner = "رابط صورة الاعلان";
    width = "300";
    height = "250";
    }
    document.write('<a href=\"' + url + '\" target=\"_blank\" rel=\"nofollow\">');
    document.write('<img src=\"' + banner + '\" width=')
    document.write(width + ' height=' + height + ' ');
    document.write('title=\"' + title + '\" alt=\"' + alt + '\"></a>');
    </script>

    شرح تنسيق الاضافة :

    300 : هي عرض الإعلان
    250 : هي طول الإعلان
    url = "رابط الاعلان";
    alt = "وصف الاعلان";
    title = "عنوان الاعلان";
    banner = "رابط صورة الاعلان";

    تجربة موفقة وفي أمان الله

    لتصلك إشعارات ردود هذا الموضوع على البريد الإلكترونى أضف علامة بالمربع بجوار كلمة "إعلامى"