إعلان ثابت متجاوب في أسفل التدوينة
سلام الله عليكم جميعا في هذا الدرس سنتعرف على طريقة إضافة إعلانات ثابتة أسفل التدوينة متجاوبة من الهاتف أو الكمبيوتر الشخصي هذه الأكواذ ستساعدك في تسريع المدونة بشكل خرافي وبدون أخطاء وبشكل نضامي رائع في غالب الأحيان الكثير من المدونين يستعملون عدة طرق لإضافة إعلانات سفلية ولكن تتسبب في ثقل المدونة وهذا راجع للأكواذ المستعمل فهيا غير متجاوبة ، معنا اليوم كوذ رائع لي المدونت على منصة بلوجر وهي متجاوبة مئة بالمئة وتساعدك في تسريع المدونة وبدون أخطاء برمجية تابع الفيديو فوق أو إقرأ الموضوع وتابع جيدا كيفية إضافة الأكواد البرمجية فهذا أمر سهل ولا يحتاج إلى خبير في البرمجة.
فائدة أكواذ النافدة المنبطقة في أسفل التدوينة
هذه الأكواذ جيد تمام لكل التدونات على منصة بلوجر أول تقوم بزيادة أرباحك في أدسنس وكذلك تسرع في طهور إعلانات بشكل سريع ومتجاوب على المدونة ، يمكنك الإطلاع على موضوع كيف يتم طلب في جوجل أدسنس وقبول موقعك لتلقى الأرباح.
مقدمة
أكواذ html متجاوبة على منصة بلوجر الكل يبحث على طريقة وضع نافدة منبطقة في الجهة السفلية للمدونة لزيادة أرباح أدسنس وتكون متجاوبة مع الصفحة وكذالك لا تأثر في سرعة التدوينة بل على العكس تسرع في طهور مدونتك في محركات البحث تابع طريقة وضع الأكواذ بالتوفيق للجميع.
طريقة وضع الكود
إنتقل إلى المدونة أنقر على المطهر إنتقل إلى تعديل html الأن إنتقل إلى أكواذ css ولصق هذا الكوذ.
.AT-ads { position: fixed; bottom: 0; left: 0; width: 100%; min-height: 70px; max-height: 200px; padding: 5px 0; box-shadow: 0 -6px 18px 0 rgba(9,32,76,.1); -webkit-transition: all .1s ease-in; transition: all .1s ease-in; display: flex; align-items: center; justify-content: center; background-color: #fefefe; z-index: 20; } .AT-ads-close { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 12px 0 0; position: absolute; right: 0; top: -30px; background-color: #fefefe; box-shadow: 0 -6px 18px 0 rgba(9,32,76,.08); } .AT-ads .AT-ads-close svg { width: 22px; height: 22px; fill: #000; } .AT-ads .AT-ads-content { overflow: hidden; display: block; position: relative; height: 70px; width: 100%; margin-right: 10px; margin-left: 10px; }الأن إنتقل الكوذ الثاني وبحث على هذا الوسم<body>ولصق الكوذ الثاني تحت هذا الوسم وضغط على الحفط ومبروك عليك إليك رابط الكود.
<div class='AT-ads jhfdiuh0' id='AT-ads'>
<div class='AT-ads-close' onclick='document.getElementById("AT-ads").style.display="none"'><svg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z'/></svg></div>
<div class='AT-ads-content'>
<ins class="adsbygoogle"
style="display:inline-block;height:70px;width:100%;line-height:70px;"
data-ad-client="ca-pub-xxxxxxxxxxx"
data-ad-slot="xxxxxxxxx"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div></div>كانت هده الطريقة لأعلان الصوري ، الظاهر أسفل المدونة لزيادة أرباحك في أدسنس شكرا لكم جزيل الشكر أي إستفسار تواصل معي.