جافا سكريبت وضع إعلانات داخل مقالتك بشكل دقيق (جديد)

 السلام عليكم, في هذا الدرس الجديد ساقدم لكم سكريبت من تصميمي يقوم بإضهار الإ علانات بشكل دقيق. اي يمكن التحكم في مكان تواجد الإعلانات بداخل المقالتك.فقط تابع الشرح معي.

1-إنشاء اداة في التنسيق قرب اداة مشاركات المدونة:

بعد دخولك لمحرر html لمدونتك في بلوجر إتبع التعليمات الموجودة في الفيديو اسفله.

2-إنشاء اداة html/javascript :

بعد إنشاء الاداة لا تضع عنوانا له إجعله فارغا, ضع هذا الكود اسفله بداخله .

<!-- ضع شفرتك الإعلانية بين هذين الوسمين اسفله -->
<!--  اضف  الكلمة اسفله في مقالتك لإضهار الإعلان في مكانه --> 
<!-- +ads+ --> 
<div class='ads-here min' style='min-height:130px;margin: 12px 0'> 


</div>

3- وضع التنسيق  بداخل  محرر html لمدونتك في بلوجر:

ضع التنسيق اسفله في اعلى </head>

<style>
.ads-here {position: relative;display: flex;align-items: stretch;flex-wrap: wrap;min-height: 150px;padding: 2px;border: 1px solid #989b9f;border-radius: 3px;color: #989b9f;}
.ads-here:before {content: 'إعلان متجاوب';position: absolute;top: 50%;left: 50%;margin: -15px 0 0 -33px;}
</style>

4-تركيب السكريبت في محرر html لمدونتك في بلوجر:

تابع الفيديو اسفله لمعرفة مكان وضع السكريبت.

<script async='async'>/*<![CDATA[*/ document.getElementById('post-body').innerHTML = document.getElementById('post-body').innerHTML.replaceAll('+ads+', document.getElementById('smart-ads').innerHTML); /*]]>*/</script>