السلام عليكم ورحمه الله
اليوم اعرض عليكم كود تبادل أعلاني رائع جداً لانه شبيه بـ أعلانات ادسنس النصية !
مثال للكود علي موقعي
شرح تركيب الكود
- قم بالذهاب الي مدونتك
- أفتح التخطيط
- ثم اضغط اضافة أداة
- واختار HTML/JavaScript
- بعد ذلك انسخ الكود التالي والصقه وأضغط حفظ
<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
موقع لمعرفة أكواد الالوان
أتمني اكون أفدتكم بالشرح ..
والسلام عليكم ورحمه الله .
كلمات البحث :