السلام عليكم إخواني وأخواتي الكرام متابعين موقع تقني للمعلومات اليوم أقدم لكم درس جديد ومفيد جداً لكل شخص يمتلك موقع ويريد زوار فدرس اليوم هو إضافة أداة التبادل الإعلاني بشكل احترافي وأنيق فهذه الإضافة مهما جدآ جدآ فهي تجلب زوار كثيرون لموقعك عندما تتبادل إعلاني مع موقع اخر
معاينة الأداة :
لمعاينة الاضافة سوف تجدها في آخر الموقع أو بالجانب .
تركيب الإضافة :
ادخل على التخطيط ثم اضغط على إضافة أداة ثم قم بإضافة اداة 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:41px;display:block;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;line-height:41px;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:#1d2c75;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:#1d2c75}
</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..com/p/ads.html" 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 class="clear">
</div>
</div>
ثم عدل على الروابط والأسماء بما يناسبك.