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

كود مساحة اعلانية بشكل أحترافي - يمكنك هذا الكود من عمل مساحات اعلانية في قالب مدونتك بشكل بسيط وجميل ومتجاوب مع جميع المقاسات في ظرف وجيز جدا كل ماعليك هو اضافة كود HTML في HTML/JavaScript

طريقة اضافة كود مساحة اعلانية 

من لوحة التحكم بلوجر 

نختار >> تـخطيط >> اضافة آداة >> HTML/JavaScript

ونضع بها الكود التالي مع تغيير ماهو بـ لون الأحمر

<div style="width : 100%;height:90px;background:#f5f5f5;margin:0 auto;position :relative;">
<div id='content1'>
<div style="text-align: center;">
<ul class="button">
<li><a class="download" href="https://khd-b.blogspot.com/" rel="nofollow noopener" target="_blank">اعلانك هنا</a></li>
</ul>
</div>
  <div class='visible'>
    <p>
      Ads 728x90
    </p>
  </div>
</div>
</div>
<style scoped="" type="text/css">
#content1{position :absolute;color:rgba(0,0,0,0.15);font-weight:700;overflow:hidden;width : 100%;height:90px;z-index:10;clear:both;position :relative;overflow:hidden}
#content1 .button{margin:0;position :absolute;right:5%;top:29%;list-style:none}
#content1 .button a.download{display :inline-block;background:#3498db;color:#fff;font-size:15px;font-weight:400;padding:10px 18px;background:linear-gradient(-50deg,#ee5952,#ea3a7e,#20aadb,#23e0b3);background-size:320% 200%;animation:Gradient 15s ease infinite}
#content1 .button a.download:hover{opacity:.9}
#content1 .visible{position :absolute;left:5%;top:28%;color:rgba(0,0,0,0.1);font-size:2rem}
@media screen and (max-width : 768px){
#content1 .button{right:20px;left:20px}
#content1 .button a.download{display :block}
#content1 .visible{display :none}}
</style>

في أمان الله

أيـ أستفسار ضعه في تعليق