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

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

1. الاضافة من تصميمي انا شخصيا .
2. لا اطيل عليكم
3. اولا توجه للقالب ثم تحرير : ابحث عن الكود التالي ]]></b:skin> ثم اضف فوقه الكود التالي

@import url('https://fonts.googleapis.com/css?family=El+Messiri');

.wardaoui2 a {
    float: right;
    margin-left: 13px;
    text-shadow: 1px 3px 5px black;
    font-size: 79px; color: #00BCD4;
}
.wardaoui1 a {
    float: right;
    margin-right: -27px;
    color: #f74047;
}
 #wardaoui1000{
    width: 976px;
    height: 300px;
    margin-right: 135px;
    max-height: 100%;
    background: rgb(42, 40, 38) url(https://assets.ello.co/uploads/asset/attachment/2736817/ello-optimized-a52da888.gif) no-repeat left bottom;
  }
.wardaoui1{
  float: right;
  font-size: 34px;
  color: #fff;
    padding-top: 111px;
    padding-right: 63px;
  }
.wardaoui2{
  font-size: 20px;
      color: #fff;
      margin-right: 35px;
      text-align: right;
  }
.wardaoui3{
    padding-right: 37px;
    padding-top: 32px;
    float: right;
}
.wardaoui3 a{
  text-shadow: 1px 3px 5px black;
  font-size: 22px;
      color: #fff;
      text-decoration: none;
      padding: 8px;
      border: 2px solid #F74047;
      border-radius: 4px;
      background: #F44336;
  }
.wardaoui4 img {
    width: 54%;
}
#wardaoui0{
    max-width: 100%;
    font-family: 'El Messiri', sans-serif;
    float: right;
}
#wardaoui01{ 
margin-top: 50px;
    height: 143px;
    max-width: 43%;
    font-family: 'El Messiri', sans-serif;
    float: right;
    max-height: 45%;}
#slid00{
float: left;
    margin-top: 13px;
    /*margin-left: 16px;*/
    /* max-width: 34%; */
    /* max-height: 53%; */
}
#done{
}
.slid11{
     margin-bottom: 5px;
    /* max-width: 100%; */
}
.slid22{}
.slid11 img {
 width: 115px;
    margin-top: 5px;
}
#slid000{
    float: left;
    margin-top: 13px;
    margin-left: 18px;
    max-width: 34%;
    max-height: 53%;
  }
.slid22 img {
 width: 115px;
    margin-top: 5px;
}

1. احفظ القالب
2. وهذا هو كود html
3. اضفه في المكان الذي تريد ان تظهر فيه الاضافة

<div id="wardaoui1000">
  <div id="wardaoui0">
   <div class="wardaoui1"><a>+</a>اعلن معنا الان</div>
   </div>
      <div id="wardaoui01">
   <div class="wardaoui2"><a>+</a>هل عندك موقع او منتج؟ وتريد اشهارهَ! انت في المكان المناسب</div><!--end wardaoui2-->  
    <div class="wardaoui2">ما عليك سوا طلب الخدمة عب الزر الاحمر</div><!--end wardaoui2-->

  <div id="wardaoui00">
    <div class="wardaoui3" ><a href="#">طلب الاعلان</a></div>
</div></div>
 <div id="done">  
 <dir id="slid00">
  <div class="slid11"><a href="https://www.stepsn.com/%D8%A7%D8%B3%D8%A6%D9%84%D8%A9-%D8%A7%D9%84%D8%B2%D9%88%D8%A7%D8%B1/"><img src="http://wp.stepsn.com/do.php?img=7"></a></div>
  <div class="slid22"><a href="https://www.stepsn.com/%D8%A7%D8%B3%D8%A6%D9%84%D8%A9-%D8%A7%D9%84%D8%B2%D9%88%D8%A7%D8%B1/"><img src="http://wp.stepsn.com/do.php?img=7"></a></div>
 </dir>
 <div id="slid000">
  <div class="slid11"><a href="https://www.stepsn.com/%D8%A7%D8%B3%D8%A6%D9%84%D8%A9-%D8%A7%D9%84%D8%B2%D9%88%D8%A7%D8%B1/"><img src="http://wp.stepsn.com/do.php?img=7"></a></div>
  <div class="slid22"><a href="https://www.stepsn.com/%D8%A7%D8%B3%D8%A6%D9%84%D8%A9-%D8%A7%D9%84%D8%B2%D9%88%D8%A7%D8%B1/"><img src="http://wp.stepsn.com/do.php?img=7"></a></div>
 </div></div>
</div>

1. اخيرا قم بتغيير الكلمات والروابط بما تريد

المصدر خطوات كوم