إضافة إعلان يدوي يتغير بتحديث صفحة بلوجر (js)

سلام عليكم ورحمة الله وبركاته اصدقائى مرحبا بيكم ♥️
في مقال جديد حول بلوجر وإضافاته فقد نشرنا مجموعة من إضافات سابقا مثل سكريبت عرض حلقات بشكل إحترافية بلوجر لكن ربما أردت وضع إعلان يدوي في مدونتك غالبا ستجد صورة ورابط مصممة ب html برابط واحد فقط ف اليوم أقدم لك عزيزي المتابع لمدونة ماتريال ويب إضافة مميزة هي عبارة عن إعلان بانر بسيط مصمم بلغة جافا سكريبت يتغير بتحديث الصفحة و لك الحرية في تحديد قياس إعلان و روابط بإضافة إلى انني أضفت تأتير ظل عند لمس الصورة (إعلان بانر)

معاينة

طريقة إضافة إعلان بانر يدوي يتغير بتحديث صفحة بلوجر

طريقة إضافة إعلان سهلة جدا لا تتطلب اي الخبرة في البرمجة كل ما عليك هو نسخ ولصق كود أسفله في أداة Html/javascript يمكنك إضافتها من التخطيط ◀️إضافة أداة ◀️ html/javascript قم بلصق كود التالى داخله :

<script> mnajiri_id = 3;
var mnajiri_now = new Date()
var detik = mnajiri_now.getSeconds()
var mnajiri_ads = detik % mnajiri_id;
mnajiri_ads += 1;
if (mnajiri_ads == 1) {
  //* link *//
  url = "https://mdwab.blogspot.com";
  alt = "mdwab 1";
  //* title your banner *//
  title = "Mohamed Najiri";
  //* url img *//
  banner = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio3MMprzEK_khtk4-FGAmlx6UieDBORXnxuwSyXBFt1JsQVh488SHLGGs6muxBumSKWGwRWqzZFn2SsPaXwURTUXUDJJdRFXl-7u7Mfcs7B8vAi45kRsiHnNC-ri54ZBInHq47QapAzlk/s1600/mnajiri1.jpg";
  //* mnajiri *//
  width = "250";
  height = "250";
}
if (mnajiri_ads == 2) {
  url = "https://ar1books.blogspot.com";
  alt = "mdwab 2";
  title = "Mohamed Najiri";
  banner = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgtm1Jvmt7O1YeIcsIa8hykXWILiFFMFPbqPRgCnUEymRdYwgf0Z7SsDDwTZ4d6Yqr9UJSRAz_xrLyoiVJ9pceVxvrKv0jMF06fDwjPZlSZgcLHSNZM1KrRSC4VaJuOHxyB1PrZkP2eVE/s1600/mnajiri2.jpg";
  width = "250";
  height = "250";
}
if (mnajiri_ads == 3) {
  url = "https://mdwab.blogspot.com";
  alt = "mdwab 3";
  title = "Mohamed Najiri";
  banner = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPJDyGQf5jwUSa7onpKmurlVPbdvRw6_OAsarYEK6W6lfmzChspy-rK0FEBwjxsxCFiVAtRT9HGY5LRg12Bo9R91-G5RzXwvfq8-3aw7PckSFbCsvMXB0AZEGN7VC-qHA5-eyVb93azvU/s1600/mnajiri3.jpg";
  width = "250";
  height = "250";
}
document.write('<a href=\"' + url + '\" target=\"_blank\" rel=\"nofollow\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('title=\"' + title + '\" alt=\"' + alt + '\"></a>');</script>

غير رابط صورة 🖼 محدد أحمر غير رابط إعلان محدد بأصفر يمكنك تغير قياس إعلان محدد بأزرق قم بحفظ كود ومبروك عليك 😊
كتابة مقال متوافق مع seo محركات البحث

إضافة إعلان يدوي يتغير بتحديث صفحة بالنسبة المواقع

بالنسبة مواقع امر يختلف عن بلوجر قليلا فعليك ان تنشئ ملف بصيغة js مثلا نفترض أنه لدينا ملف اسمه js على استضافة ولدينا صفحة index.html كما هو مبين في التالي : نفترض أننا نريد اضافة إعلان بانر فى الصفحة الرئيسية فعلينا اولا إنشاء ملف ads.js في المسار التالي htdocs/js/ads.js ونقوم بلصق كود التالى :(هو نفس كود سابق بدون وسم script وبدون css)

mnajiri_id = 3;
var mnajiri_now = new Date()
var detik = mnajiri_now.getSeconds()
var mnajiri_ads = detik % mnajiri_id;
mnajiri_ads += 1;
if (mnajiri_ads == 1) {
  //* link *//
  url = "https://mdwab.blogspot.com";
  alt = "mdwab 1";
  //* title your banner *//
  title = "Mohamed Najiri";
  //* url img *//
  banner = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio3MMprzEK_khtk4-FGAmlx6UieDBORXnxuwSyXBFt1JsQVh488SHLGGs6muxBumSKWGwRWqzZFn2SsPaXwURTUXUDJJdRFXl-7u7Mfcs7B8vAi45kRsiHnNC-ri54ZBInHq47QapAzlk/s1600/mnajiri1.jpg";
  //* mnajiri *//
  width = "250";
  height = "250";
}
if (mnajiri_ads == 2) {
  url = "https://mdwab.blogspot.com";
  alt = "mdwab 2";
  title = "Mohamed Najiri";
  banner = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgtm1Jvmt7O1YeIcsIa8hykXWILiFFMFPbqPRgCnUEymRdYwgf0Z7SsDDwTZ4d6Yqr9UJSRAz_xrLyoiVJ9pceVxvrKv0jMF06fDwjPZlSZgcLHSNZM1KrRSC4VaJuOHxyB1PrZkP2eVE/s1600/mnajiri2.jpg";
  width = "250";
  height = "250";
}
if (mnajiri_ads == 3) {
  url = "https://mdwab.blogspot.com";
  alt = "mdwab 3";
  title = "Mohamed Najiri";
  banner = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPJDyGQf5jwUSa7onpKmurlVPbdvRw6_OAsarYEK6W6lfmzChspy-rK0FEBwjxsxCFiVAtRT9HGY5LRg12Bo9R91-G5RzXwvfq8-3aw7PckSFbCsvMXB0AZEGN7VC-qHA5-eyVb93azvU/s1600/mnajiri3.jpg";
  width = "250";
  height = "250";
}
document.write('<a href=\"' + url + '\" target=\"_blank\" rel=\"nofollow\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('title=\"' + title + '\" alt=\"' + alt + '\"></a>');

غير ما دكرناه سابقا تم نذهب إلى الصفحة الرسمية و التي ستكون في المسار التالى : htdocs/index.html و نلصق سكريبت التالى في المكان الذي نريد أن نضع به إعلاه

    <script  src="js/ads.js"></script>

وبهذا نكون قد إنتهينا من هدا المقال فإذا كان لديك اي إضافة او إستفسار يمكنك وضعه في التعليقات أسفله وسلام عليكم ورحمة الله وبركاته ✌️

شارك Share Tweet Share Share Share

انقر هنا

محمد نجيري (mnajiri@) مشرف على مدونة ماتريال ويب تحت الرابط التالي :https://mdwab.blogspot.com/ مند 2018 و أدعوك لمتابعتي عبر حسابي على أنستغرام