عمل اعلان ادسنس منبثق في الووردبريس , انشاء اعلان عائم أسفل الشاشة

يعتبر الإعلان العائم المنبثق من أحد أنواع الإعلانات التي تفاجئ زوار المواقع لحظة الدخول الى الموقع المعين وبالتالي يقوم الزائر بالنقر عليه في حال كان الاعلان يحتوي على المعلومات التي يريدها من ذاك الموقع, ولهذا السبب اردنا ان نقدم لكم طريقة عمل هذا الاعلان لزيادة نسبة الارباح لاصحاب المواقع,

طريقة عمل اعلان ادسنس منبثق او عائم مع زر الاغلاق في الووردبريس, لكن نتمنا من الجميع قرأة الشرح قبل العمل حتى يتثنى لكم العمل على الطريقة بكل اريحية,

الطريقة الاولى هي إضافة كود ال CSS ,

اذهب مباشر إلى لوحة التحكم في الووردبريس ثم المظهر ثم اختر التخصيص,

بعد الدخول الى التخصيص قم بالدخول إلى تنسيقات (CSS) إضافية كما في الصورة,

بعدها قم بلصق كود الCSS مكان اللون الاصفر الموجود اسفل,

انسخ كود الCSS التالي ,

/* Floating Ad Start BY www.star4tips.com*/ .star4tips-Ads { position: fixed; bottom: 0px; left: 0; width: 336px;height: 280px; 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; z-index: 20; } .star4tips-Ads-close { height: 0px; position: absolute; top: -20px; text-align: left; border-top-right-radius: 5px; border-top-left-radius: 5px; font-size: 12px; border-right: 20px solid transparent; border-bottom: 20px solid rgb(76, 76, 76); overflow: visible; box-sizing: border-box !important; width: 120px; left:0; } .star4tips-Ads .star4tips-Ads-close svg { width: 22px; height: 22px; fill: #fff; } .star4tips-Ads .star4tips-Ads-content { overflow: hidden; display: block; position: relative; height: 280px; width: 336px; } /* Floating Ad End BY www.star4tips.com*/

المرحلة الثانية هي إضافة كود ال HTML الى محرر القالب , 

• اذهب إلى المظهر ثم محرر القوالب,
• بعد ذالك قم بلصق كود ال html في بداية الملف من الاعلى بعد لصق كون الاعلان مكان اللون الاصفر,

<!-- Floating Ad Start BY www.star4tips.com --> <div class='star4tips-Ads' id='star4tips-Ads'> <div class='star4tips-Ads-close' onclick='document.getElementById(&quot;star4tips-Ads&quot;).style.display=&quot;none&quot;'><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='star4tips-Ads-content'> <center> <!-- قم بإضافة إعلان أدسنس بحجم 336*280 هنا --> </center> </div> </div> <!-- Floating Ad End BY www.star4tips.com -->

ملاحظة مهمة.

لا تنسى نسخ كود الاعلان ولصقه مكان الرمز باللون الاصفر,

اما بالنسبة لحجم الاعلان يفضل ان يكون الحجم  360*280 او ضع اعلان صوري متجاوب,

بعد ان تقوم بكافة الاجراءاة وبعد الحفظ ادخل الى موقعك وستلاحظ ان الاعلان قد ظهر بشكل سلس في الموقع ,

كان هذا كل شيئ عن طريقة عمل اعلان منبثق او عائم في الووربريس تنمنا التوفيق للجميع وشكرا لكم,

Views: 51