اضافة أداة التبادل الاعلاني المطورة v2 لمدونات بلوجر

السلام عليكم ومرحبا بكم زوار موقع

BLOGGER BOSSES

اداة التبادل الاعلاني هي واحدة من افضل اضافات بلوجر و اكثرها استعمالا خاصة لدى المدونات التقنية التي وكما نعرف انها تساعد في الحصول على باك لينك -backlink- قوي لمدونتك او موقعك، لذلك جئناكم اليوم بأداة التبادل الاعلاني المطورة v2 لمدونات بلوجر

نبذة عن الاضافة

أداة التبادل الاعلاني المطورة v2 لمدونات بلوجر هي نسخة مطورة من اداة التبادل الاعلاني النصي التي تكون غالبا في السايد بار او الشريط الجانبي للموقع الو المدونة، ستسألني الان لماذا وصفتها بالمطورة ؟ او ما المميز فيها الذي يجعلها مطورة ؟ سأقول لك انها مطورة لانها تظهر ايقونة -favicon- الموقع او المدونة. ان كنت قد قرأت الموضوع الاول حول اداة التبادل الاعلاني المطورة ستقول لي انني قلت هذا في المرة الاولى، لكنني سأجيبك ان أداة التبادل الاعلاني المطورة v2 شكلها متغير عن النسخة الاولى علاوة على ذلك  ان النسخة الثانية متكيفة مع الوضع الليلي (ان كان متوفرا في موقعك / مدونتك) وهذا الذي ستلاحظه في معاينة أداة التبادل الاعلاني المطورة v2

معاينة الاضافة

يمكنكم معاينة أداة التبادل الاعلاني المطورة v2 لمدونات بلوجر في يسار الموقع لو أنت مستخدم حاسوب او انزل قليلا لأسفل لو انت مستخدم هاتف محمول

تركيب الاضافة

عليك الذهاب الى بلوجر ⬅ التنسيق ⬅ اضافة اداة HTML/JavaScript ⬅ ثم تضع الكود التالي

<div class="ref-adss">
<ul>
<li><a href="https://www.bloggerbosses.xyz/" target="_blank" ><img alt="موقع مفيد" height="25" src="https://www.bloggerbosses.xyz/favicon.ico" width="25" /><div class='site'>BLOGGER BOSSES</div></a></li>

<li><a href="https://www.bloggerbosses.xyz/" target="_blank" ><img alt="موقع مفيد" height="25" src="https://cdn.statically.io/favicons/" width="25" /><div class='site'>تبادل اعلاني</div></a></li>

<li><a href="https://www.bloggerbosses.xyz/" target="_blank" ><img alt="موقع مفيد" height="25" src="https://cdn.statically.io/favicons/" width="25" /><div class='site'>اضف موقع</div></a></li>

<li><a href="https://www.bloggerbosses.xyz/" target="_blank" ><img alt="موقع مفيد" height="25" src="https://cdn.statically.io/favicons" width="25" /><div class='site'>موقعك هنا</div></a></li>

</ul>
</div>
<style>
:root{--color-ref-ads:#3d5afe}
/*<![CDATA[*/
.ref-adss a { display: inline-grid !important; width: 49%;height:100px; background: var(--color-ref-ads); padding: 2px 5px; white-space: pre; border-radius: 4px; margin: 3px auto; text-align: center; font-weight: 600; color: #ffffff !important; }.ref-adss a:hover { transition: all .3s; box-shadow: 0 2px 4px rgb(0 0 0 / 50%); }.ref-adss img { margin: 0 auto; margin-top: 20px; margin-bottom: -20px;background: #fff; border-radius: 30px; padding: 2px; } .ref-adss li { list-style: none !important; width: 100%; display: inline !important; border: none !important; }.ref-adss ul { margin: 0; padding: 1px !important; } .ref-adss li a[title=color] { display: none !important; }
.darkmode .ref-adss a {background: #2d2d30}
.site{
color: #000;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-top: 12px;
    height: 45%;
    display: inline-block;
    font-size: 12px;
    font-weight: 900;
    background: #fafafc;
    border-radius: 50px;
    padding: 5px;}


/*]]>*/
</style>

ستكون اداة التبادل الاعلاني بهذا اللون يمكنك تغيره بالبحث على #3d5afe ثم ضع مكانه اللون الذي يناسبك و يريحك

ايضا ستكون في الوضع الليلي بهذا اللون يمكنك تغيره بالبحث #2d2d30

الى هنا نكون قد انتهينا من شرحنا لهذا اليوم اذا أعجبك لا تنسى متابعة مدونتنا

ان واجهتك اي مشكلة فلا تتردد في التواصل معنا من خلال التعليقات او نموذج الاتصال او عبر الواتس اب الذين ستجدونه اسقل القائمة على اليمين مع تيليغرام