القائمة الرئيسية

الصفحات

كود تبادل اعلاني لمدونات البلوجر شبيه جوجل ادسنس


السلام عليكم ورحمه الله 
اليوم اعرض عليكم كود تبادل أعلاني رائع جداً لانه شبيه بـ أعلانات ادسنس النصية !

مثال للكود علي موقعي


شرح تركيب الكود


  1. قم بالذهاب الي مدونتك
  2. أفتح التخطيط
  3. ثم اضغط اضافة أداة
  4. واختار HTML/JavaScript
  5. بعد ذلك انسخ الكود التالي والصقه وأضغط حفظ



<style> a.label-link-btn{margin-left:45%;color:#444} .label-link-btn svg path{fill:#00aecd} .label-link-btn{font-size:11px;color:#333;position:absolute;top:0;left:0} .label-link-btn svg{width:15px;height:15px;vertical-align:-3px} a.tombol-link{transition:all .4s ease-in-out;width:100%;height:37px;display:block;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;line-height:37px;font-family:inherit;box-shadow:0 1px 1px rgba(255,255,255,.35) inset,0 1px 1px rgba(0,0,0,.3);align-items:center;justify-content:center;background-color:#3388EE;border:1px solid #fff;border-radius:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#fff;font-size:16px;margin:5px auto} .advertising_box,a.tombol-link{text-align:center} .fontweight400{font-weight:400} .fontroboto{font-family:inherit,sans-serif} .link-btn{position:relative;padding-top:15px} a.tombol-link:hover{background-color:#fff;color:#3388EE} </style> <div class="link-btn"> <div class="notranslate"> <a class="tombol-link fontroboto fontweight400 notranslate" href="#" rel="noopener" target="_blank" title="أعلانك هنا">أعلانك هنا</a> <a class="tombol-link fontroboto fontweight400 notranslate" href="#" rel="noopener" target="_blank" title="أعلانك هنا">أعلانك هنا</a> <a class="tombol-link fontroboto fontweight400 notranslate" href="#" rel="noopener" target="_blank" title="أعلانك هنا">أعلانك هنا</a> <a class="tombol-link fontroboto fontweight400 notranslate" href="#" rel="noopener" target="_blank" title="أعلانك هنا ">أعلانك هنا </a> <a class="tombol-link fontroboto fontweight400 notranslate" href="#" rel="noopener" target="_blank" title="أعلانك هنا">أعلانك هنا</a> </div> <a class="label-link-btn" href="http://www.morablog.com" target="_blank" title="تبادل اعلاني نصي"> <svg class="notranslate" width="15" height="15"><path class="notranslate" d="M7.5,1.5a6,6,0,1,0,0,12a6,6,0,1,0,0,-12m0,1a5,5,0,1,1,0,10a5,5,0,1,1,0,-10ZM6.625,11l1.75,0l0,-4.5l-1.75,0ZM7.5,3.75a1,1,0,1,0,0,2a1,1,0,1,0,0,-2Z"></path></svg> إعلان بواسطة <span class="notranslate">مورا بلوج</span></a></div>


والان مبروك , اصبحت تمتلك اماكن اعلانيه شبيهة ب أدسنس .. 

في حالة أردت تعديل لون الاعلان من الازرق ليناسب لون قالبك
ابحث عن الكود التالي واستبدله بكود اللون الذي تحبه
#3388EE


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


كلمات البحث :
هل اعجبك الموضوع :

تعليقات

محتوي المقال