شرح اضافة مساحة اعلانية بجنب شعار منتدى زين فورو

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

الوصف:
يمكنك الوصول إلى جمهور أوسع عن طريق إضافة مساحة إعلانية بجانب شعارك.

الخطوات:

1. اذهب إلى قالب PAGE_CONTAINER الخاص بالقالب الذي تستخدمه، وابحث عن الكود التالي:

<xf:ad position="container_header" />

2. أضف الكود التالي مباشرة أسفله، وقم بتعديله حسب رغبتك:

<div class="trxfHeaderAdSlot">
<xf:ad position="container_header" />
<img src="https://i.hizliresim.com/g19rbrl.png"
width="728" height="90" alt="إعلان">

</div>

3. بعد ذلك، افتح قالب extra.less وأضف الكود التالي:

/* ========================= */
.trxfHeaderAdSlot{
display: inline-flex;
align-items: center;
justify-content: center;
width: 600px;
height: 74px;
background: fade(#000, 10%);
border-radius: 8px;
overflow: hidden;
}
.trxfHeaderAdSlot img,
.trxfHeaderAdSlot ins,
.trxfHeaderAdSlot iframe{
display: block !important;
max-width: 100%;
height: auto;
border: 0;
}
.p-nav-opposite,
.p-header-content--opposite{
display: flex !important;
align-items: center;
}
@media (max-width: 1100px){
.trxfHeaderAdSlot{
display: none !important;
}
}

إذا كنت ترغب في وضع كود AdSense:

عدّل الكود الذي أضفته في صفحة PAGE_CONTAINER ليصبح بهذا الشكل:

<div class="trxfHeaderAdSlot">
كود إعلان AdSense هنا

</div>

ملاحظة: إذا أردت زيادة حجم مساحة الإعلان، يمكنك تعديل القيم داخل class .trxfHeaderAdSlot في ملف less.

انتهى الشرح. استمتع بالاستخدام!

---

حقوق النشر: منتدى كود نت

 

[ixGnTx]

شاكرلك