مدونة مو للمعلوميات: أفضل مجموعة أكواد إعلانية نصية بكافة المقاسات الشائعة حديثة ومتجاوبة مع الموبايل

لاغنى لأي موقع عن الإعلانات سواء إعلانات داخلية عن محتوى مهم بالموقع نفسه أو تبادل إعلاني مجاني مع مواقع صديقة أو حتى إعلانات مدفوعة وعليه وفي هذا المقال حاولنا توفير أكواد إعلانية ممتازة جداً بالمقاسات الشائعة والمشهورة مميزة جداً ملفتة للنظر غير مزعجة وهو الأهم وكل ذلك بكود نظيف خفيف سهل التعديل جداً ولا يحتاج إلى أي تعقيدات.

كود إعلانات سهل التركيب مجرد كود واحد فقط تضعه في ويدجيت أو تضيفه بالقائمة الجانبية أو حتى فوق المقالة أو بوسطها أو حتى بأسفلها بكل سهولة فهو مجرد كود واحد سهل التعديل عليه.

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

وقد يسأل البعض

ما هي أفضل أكواد إعلانية للمواقع؟

أين أجد أفضل أكواد إعلانية لنافذة منبثقة؟

ما هي أفضل أكواد إعلانية لنوافذ منبثقة مجانية؟

وسيتم الإجابة عن تلك الأسئلة وأكثر بكامل المقال

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

وهذا وعلى سبيل المثال كود للمعاينة بمقاسات العرض 728px والطول 90px لتعاين الإعلان من الشكل والتفاعل والتأثيرات لتتأكد من جودة وشكل الإعلان تماماً

معاينة

أفضل طريقة لحمايتك من الفيروسات ! مهم

الطريقة الفعالة والأكيدة

وسنقسم الأكواد الإعلانية لقسمين

1- مجموعة الأكواد الإعلانية الثابتة

كود الإعلانات 1

    <div style="text-align: center;"><a class="nodecoration8533" href="https://momethods.blogspot.com/2023/04/full-protection-from-viruses-and-hacking.html" target="_blank">
    <div class="antivirus8533" dir="ltr" style="text-align: center;">
	<h3>أفضل طريقة لحمايتك من الفيروسات <span style="color: red;">! مهم</span></h3>
    </div>
    </a></div>
        <style>
         .antivirus8533{
	     background:linear-gradient(131deg,#f2f6ff,#fff,#b6cbf8);
	     animation: btnbordercolor9533 3s 1s linear infinite;
             font-size: 18px;
	     font-family: Verdana, Geneva, Tahoma, sans-serif;
             text-align: center;
             text-decoration: none;
             color: #2b4888;
             border: 5px solid rgb(69, 21, 83,0.3);
             border-radius: 2px;
             cursor: pointer;
             width: auto;
             height: auto;
             padding: 4px;
             margin: 10px;
             transition: background 0.3s ease , box-shadow 0.3s ease;
         }
	.antivirus8533 h3{
	  text-align: center;
	  transition: transform 0.3s ease;
          text-decoration: none;
	  animation: btncolor3543 3s 1s linear infinite;
          color: #2b4888;
	 }
         .nodecoration8533{
	  text-decoration: none;
          text-align: center;
	  text-align: -webkit-center;
	 }
	.antivirus8533 span{
	  animation: maybtn856anim3 3s 1s linear infinite;
          text-decoration: none;
	 }
         .antivirus8533:hover{
             box-shadow: 2px 2px 10px #edeeed , -2px -2px 10px #edeeed;
	     background:linear-gradient(304deg,#f2f6ff,#fff,#b6cbf8);
         }
	.antivirus8533 h3:hover{
	  transform:scale(1.02);
	 }

	 @keyframes btnbordercolor9533 {
	 0% {
	   border: 5px solid rgb(45, 115, 207,0.3);color: #2b4888;
	 }
	 50% {
	   border: 5px solid rgb(225, 0, 0,0.9);color: #16632f;
	 }
	 100% {
	   border: 5px solid rgb(45, 115, 207,0.3);color: #2b4888;
	 }
	
	}

	 @keyframes btncolor3543 {
	 0% {
	   color: #2b4888;
	 }
	 50% {
	   color: #16632f;
	 }
	 100% {
	   color: #2b4888;
	 }
	
	}

         @keyframes maybtn856anim3 {
      20%,
      50%,
      100% {
      	opacity: 1;
      }

      25%,
      75% {
      	opacity: 0;
      }
         }
    </style>

كود الإعلانات 2

    <div style="text-align: center;"><a href="https://momethods.blogspot.com/2023/04/full-protection-from-viruses-and-hacking.html" target="_blank" class="nodecoration8531">
    <div dir="ltr" class="antivirus8531" style="text-align: center;">
	<h3>أفضل طريقة لحمايتك من الفيروسات <span style="color:red;">! مهم</span></h3>
	<h3>الطريقة الفعالة والأكيدة </h3>
    </div>
    </a></div>
    <style>
         .antivirus8531{
	     background:linear-gradient(131deg,#f2f6ff,#fff,#b6cbf8);
	     animation: btnbordercolor9531 3s 1s linear infinite;
             font-size: 18px;
	     font-family: Verdana, Geneva, Tahoma, sans-serif;
             text-align: center;
             text-decoration: none;
             color: #2b4888;
             border: 5px solid rgb(69, 21, 83,0.3);
             border-radius: 2px;
             cursor: pointer;
             width: auto;
             height: 90px;
             padding: 4px;
             margin: 10px;
             transition: background 0.3s ease , box-shadow 0.3s ease;
         }
	.antivirus8531 h3{
	  text-align: center;
	  transition: transform 0.3s ease;
          text-decoration: none;
	  animation: btncolor3541 3s 1s linear infinite;
	  margin:10px;
          color: #2b4888;
	 }
         .nodecoration8531{
	  text-decoration: none;
          text-align: center;
	  text-align: -webkit-center;
	 }
	.antivirus8531 span{
	  animation: maybtn856anim1 3s 1s linear infinite;
          text-decoration: none;
	 }
         .antivirus8531:hover{
             box-shadow: 2px 2px 10px #edeeed , -2px -2px 10px #edeeed;
	     background:linear-gradient(304deg,#f2f6ff,#fff,#b6cbf8);
         }
	.antivirus8531 h3:hover{
	  transform:scale(1.02);
	 }

	 @keyframes btnbordercolor9531 {
	 0% {
	   border: 5px solid rgb(45, 115, 207,0.3);color: #2b4888;
	 }
	 50% {
	   border: 5px solid rgb(225, 0, 0,0.9);color: #16632f;
	 }
	 100% {
	   border: 5px solid rgb(45, 115, 207,0.3);color: #2b4888;
	 }
	
	}

	 @keyframes btncolor3541 {
	 0% {
	   color: #2b4888;
	 }
	 50% {
	   color: #16632f;
	 }
	 100% {
	   color: #2b4888;
	 }
	
	}

         @keyframes maybtn856anim1 {
      20%,
      50%,
      100% {
      	opacity: 1;
      }

      25%,
      75% {
      	opacity: 0;
      }
         }

	@media (max-width:800px){
	 .antivirus8531{
	  height: auto;
	 }
	}
    </style>

كود الإعلانات 3

    <div style="text-align: center;"><a href="https://momethods.blogspot.com/2023/04/full-protection-from-viruses-and-hacking.html" target="_blank" class="nodecoration8532">
    <div dir="ltr" class="antivirus8532" style="text-align: center;">
	<h3>أفضل طريقة لحمايتك من الفيروسات <span style="color:red;">! مهم</span></h3>
	<h3>الطريقة الفعالة والأكيدة </h3>
    </div>
    </a></div>
    <style>
         .antivirus8532{
	     background:linear-gradient(131deg,#f2f6ff,#fff,#b6cbf8);
	     animation: btnbordercolor9532 3s 1s linear infinite;
             font-size: 18px;
	     font-family: Verdana, Geneva, Tahoma, sans-serif;
             text-align: center;
             text-decoration: none;
             color: #2b4888;
             border: 5px solid rgb(69, 21, 83,0.3);
             border-radius: 2px;
             cursor: pointer;
             width: 728px;
             height: 90px;
             padding: 4px;
             margin: 10px;
             transition: background 0.3s ease , box-shadow 0.3s ease;
         }
	.antivirus8532 h3{
	  text-align: center;
	  transition: transform 0.3s ease;
          text-decoration: none;
	  animation: btncolor3542 3s 1s linear infinite;
	  margin:10px;
          color: #2b4888;
	 }
         .nodecoration8532{
	  text-decoration: none;
          text-align: center;
	  text-align: -webkit-center;
	 }
	.antivirus8532 span{
	  animation: maybtn856anim2 3s 1s linear infinite;
          text-decoration: none;
	 }
         .antivirus8532:hover{
             box-shadow: 2px 2px 10px #edeeed , -2px -2px 10px #edeeed;
	     background:linear-gradient(304deg,#f2f6ff,#fff,#b6cbf8);
         }
	.antivirus8532 h3:hover{
	  transform:scale(1.02);
	 }

	 @keyframes btnbordercolor9532 {
	 0% {
	   border: 5px solid rgb(45, 115, 207,0.3);color: #2b4888;
	 }
	 50% {
	   border: 5px solid rgb(225, 0, 0,0.9);color: #16632f;
	 }
	 100% {
	   border: 5px solid rgb(45, 115, 207,0.3);color: #2b4888;
	 }
	
	}

	 @keyframes btncolor3542 {
	 0% {
	   color: #2b4888;
	 }
	 50% {
	   color: #16632f;
	 }
	 100% {
	   color: #2b4888;
	 }
	
	}

         @keyframes maybtn856anim2 {
      20%,
      50%,
      100% {
      	opacity: 1;
      }

      25%,
      75% {
      	opacity: 0;
      }
         }

	@media (max-width:800px){
	 .antivirus8532{
	  height: auto;
          width: auto;
	 }
	}
    </style>

كود الإعلانات 4

    <div style="text-align: center;"><a href="https://momethods.blogspot.com/2023/04/full-protection-from-viruses-and-hacking.html" target="_blank" class="nodecoration8534">
    <div dir="ltr" class="antivirus8534" style="text-align: center;">
	<h3>أفضل طريقة لحمايتك من الفيروسات <span style="color:red;">! مهم</span> <br/> الطريقة الفعالة والأكيدة </h3>
    </div>
    </a></div>
    <style>
         .antivirus8534{
	     background:linear-gradient(131deg,#f2f6ff,#fff,#b6cbf8);
	     animation: btnbordercolor9534 3s 1s linear infinite;
             font-size: 18px;
	     font-family: Verdana, Geneva, Tahoma, sans-serif;
             text-align: center;
             text-decoration: none;
             color: #2b4888;
             border: 5px solid rgb(69, 21, 83,0.3);
             border-radius: 2px;
             cursor: pointer;
             width: 300px;
             height: 250px;
             padding: 4px;
             margin: 10px;
             transition: background 0.3s ease , box-shadow 0.3s ease;
         }
	.antivirus8534 h3{
	  text-align: center;
	  transition: transform 0.3s ease;
          text-decoration: none;
	  animation: btncolor3544 3s 1s linear infinite;
	  margin:75px 10px;
	  line-height:30px;
          color: #2b4888;
	 }
         .nodecoration8534{
	  text-decoration: none;
          text-align: center;
	  text-align: -webkit-center;
	 }
	.antivirus8534 span{
	  animation: maybtn856anim4 3s 1s linear infinite;
          text-decoration: none;
	 }
         .antivirus8534:hover{
             box-shadow: 2px 2px 10px #edeeed , -2px -2px 10px #edeeed;
	     background:linear-gradient(304deg,#f2f6ff,#fff,#b6cbf8);
         }
	.antivirus8534 h3:hover{
	  transform:scale(1.02);
	 }

	 @keyframes btnbordercolor9534 {
	 0% {
	   border: 5px solid rgb(45, 115, 207,0.3);color: #2b4888;
	 }
	 50% {
	   border: 5px solid rgb(225, 0, 0,0.9);color: #16632f;
	 }
	 100% {
	   border: 5px solid rgb(45, 115, 207,0.3);color: #2b4888;
	 }
	
	}

	 @keyframes btncolor3544 {
	 0% {
	   color: #2b4888;
	 }
	 50% {
	   color: #16632f;
	 }
	 100% {
	   color: #2b4888;
	 }
	
	}

         @keyframes maybtn856anim4 {
      20%,
      50%,
      100% {
      	opacity: 1;
      }

      25%,
      75% {
      	opacity: 0;
      }
         }

	@media (max-width:300px){
	 .antivirus8534{
	  height: auto;
          width: auto;
	 }
	}
    </style>

كود الإعلانات 5

    <div style="text-align: center;"><a href="https://momethods.blogspot.com/2023/04/full-protection-from-viruses-and-hacking.html" target="_blank" class="nodecoration8535">
    <div dir="ltr" class="antivirus8535" style="text-align: center;">
	<h3>أفضل طريقة لحمايتك من الفيروسات <span style="color:red;">! مهم</span> <br/> الطريقة الفعالة والأكيدة </h3>
    </div>
    </a></div>
    <style>
         .antivirus8535{
	     background:linear-gradient(131deg,#f2f6ff,#fff,#b6cbf8);
	     animation: btnbordercolor9535 3s 1s linear infinite;
             font-size: 18px;
	     font-family: Verdana, Geneva, Tahoma, sans-serif;
             text-align: center;
             text-decoration: none;
             color: #2b4888;
             border: 5px solid rgb(69, 21, 83,0.3);
             border-radius: 2px;
             cursor: pointer;
             width: 250px;
             height: 250px;
             padding: 4px;
             margin: 10px;
             transition: background 0.3s ease , box-shadow 0.3s ease;
         }
	.antivirus8535 h3{
	  text-align: center;
	  transition: transform 0.3s ease;
          text-decoration: none;
	  animation: btncolor3545 3s 1s linear infinite;
	  margin:70px 10px;
	  line-height:30px;
          color: #2b4888;
	 }
         .nodecoration8535{
	  text-decoration: none;
          text-align: center;
	  text-align: -webkit-center;
	 }
	.antivirus8535 span{
	  animation: maybtn856anim5 3s 1s linear infinite;
          text-decoration: none;
	 }
         .antivirus8535:hover{
             box-shadow: 2px 2px 10px #edeeed , -2px -2px 10px #edeeed;
	     background:linear-gradient(304deg,#f2f6ff,#fff,#b6cbf8);
         }
	.antivirus8535 h3:hover{
	  transform:scale(1.02);
	 }

	 @keyframes btnbordercolor9535 {
	 0% {
	   border: 5px solid rgb(45, 115, 207,0.3);color: #2b4888;
	 }
	 50% {
	   border: 5px solid rgb(225, 0, 0,0.9);color: #16632f;
	 }
	 100% {
	   border: 5px solid rgb(45, 115, 207,0.3);color: #2b4888;
	 }
	
	}

	 @keyframes btncolor3545 {
	 0% {
	   color: #2b4888;
	 }
	 50% {
	   color: #16632f;
	 }
	 100% {
	   color: #2b4888;
	 }
	
	}

         @keyframes maybtn856anim5 {
      20%,
      50%,
      100% {
      	opacity: 1;
      }

      25%,
      75% {
      	opacity: 0;
      }
         }

	@media (max-width:250px){
	 .antivirus8535{
	  height: auto;
          width: auto;
	 }
	}
    </style>

كود الإعلانات 6

    <div style="text-align: center;"><a href="https://momethods.blogspot.com/2023/04/full-protection-from-viruses-and-hacking.html" target="_blank" class="nodecoration8536">
    <div dir="ltr" class="antivirus8536" style="text-align: center;">
	<h3>أفضل طريقة لحمايتك من الفيروسات <span style="color:red;">! مهم</span> <br/> الطريقة الفعالة والأكيدة </h3>
    </div>
    </a></div>
    <style>
         .antivirus8536{
	     background:linear-gradient(131deg,#f2f6ff,#fff,#b6cbf8);
	     animation: btnbordercolor9536 3s 1s linear infinite;
             font-size: 14px;
	     font-family: Verdana, Geneva, Tahoma, sans-serif;
             text-align: center;
             text-decoration: none;
             color: #2b4888;
             border: 5px solid rgb(69, 21, 83,0.3);
             border-radius: 2px;
             cursor: pointer;
             width: 90px;
             height: 550px;
             padding: 3px;
             margin: 10px;
             transition: background 0.3s ease , box-shadow 0.3s ease;
         }
	.antivirus8536 h3{
	  text-align: center;
	  transition: transform 0.3s ease;
          text-decoration: none;
	  animation: btncolor3546 3s 1s linear infinite;
	  margin:120px 5px;
	  line-height:30px;
          color: #2b4888;
	 }
         .nodecoration8536{
	  text-decoration: none;
          text-align: center;
	  text-align: -webkit-center;
	 }
	.antivirus8536 span{
	  animation: maybtn856anim6 3s 1s linear infinite;
          text-decoration: none;
	 }
         .antivirus8536:hover{
             box-shadow: 2px 2px 10px #edeeed , -2px -2px 10px #edeeed;
	     background:linear-gradient(304deg,#f2f6ff,#fff,#b6cbf8);
         }
	.antivirus8536 h3:hover{
	  transform:scale(1.02);
	 }

	 @keyframes btnbordercolor9536 {
	 0% {
	   border: 5px solid rgb(45, 115, 207,0.3);color: #2b4888;
	 }
	 50% {
	   border: 5px solid rgb(225, 0, 0,0.9);color: #16632f;
	 }
	 100% {
	   border: 5px solid rgb(45, 115, 207,0.3);color: #2b4888;
	 }
	
	}

	 @keyframes btncolor3546 {
	 0% {
	   color: #2b4888;
	 }
	 50% {
	   color: #16632f;
	 }
	 100% {
	   color: #2b4888;
	 }
	
	}

         @keyframes maybtn856anim6 {
      20%,
      50%,
      100% {
      	opacity: 1;
      }

      25%,
      75% {
      	opacity: 0;
      }
         }

	@media (max-width:90px){
	 .antivirus8536{
	  height: auto;
          width: auto;
	 }
	}
    </style>

2- مجموعة الأكواد الإعلانية بنافذة منبثقة

كود الإعلانات 7

   <div class="adsmo5827" id="btn493">
    <div dir="ltr" class="antivirus8537" style="text-align: center;">
    	<button class="btn5837" onclick='document.getElementById("btn493").style.display="none"'><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24"><path d="M23 20.168l-8.185-8.187 8.185-8.174-2.832-2.807-8.182 8.179-8.176-8.179-2.81 2.81 8.186 8.196-8.186 8.184 2.81 2.81 8.203-8.192 8.18 8.192z"/></svg></button>
      <a href="https://momethods.blogspot.com/2023/04/full-protection-from-viruses-and-hacking.html" target="_blank" class="nodecoration8537">
       <div class="clickspace9327">
	<h3>أفضل طريقة لحمايتك من الفيروسات <span style="color:red;">! مهم</span> <br/> الطريقة الفعالة والأكيدة </h3>
       </div>
      </a>
    </div>
   </div>
    <style>
	 .adsmo5827{
	     position:fixed;
	     left:30%;
             right:30%;
	     bottom:10px;
	  }
	 .btn5837{
	     position:absolute;
	     top:1px;
	     right:1px;
	     font-weight:bold;
             cursor: pointer;
	     padding:0px 3px;
	  }
         .antivirus8537{
	     background:linear-gradient(131deg,#f2f6ff,#fff,#b6cbf8);
	     animation: btnbordercolor9537 3s 1s linear infinite;
             font-size: 18px;
	     font-family: Verdana, Geneva, Tahoma, sans-serif;
             text-align: center;
             text-decoration: none;
             color: #2b4888;
             border: 5px solid rgb(69, 21, 83,0.3);
             border-radius: 2px;
             cursor: pointer;
             width: 728px;
             height: 90px;
             padding: 4px;
             margin: 10px;
             transition: background 0.3s ease , box-shadow 0.3s ease;
             position:relative;
         }
	.antivirus8537 h3{
	  text-align: center;
	  transition: transform 0.3s ease;
          text-decoration: none;
	  animation: btncolor3547 3s 1s linear infinite;
	  margin:10px;
          color: #2b4888;
	 }
         .nodecoration8537{
	  text-decoration: none;
          text-align: center;
	  text-align: -webkit-center;
	 }
	.antivirus8537 span{
	  animation: maybtn856anim7 3s 1s linear infinite;
          text-decoration: none;
	 }
         .antivirus8537:hover{
             box-shadow: 2px 2px 10px #edeeed , -2px -2px 10px #edeeed;
	     background:linear-gradient(304deg,#f2f6ff,#fff,#b6cbf8);
         }
	.antivirus8537 h3:hover{
	  transform:scale(1.02);
	 }
    .clickspace9327{
	  height:79px;
	  width:717px;
	  margin:1px;
	  padding:1px;
	 }  

	 @keyframes btnbordercolor9537 {
	 0% {
	   border: 5px solid rgb(45, 115, 207,0.3);color: #2b4888;
	 }
	 50% {
	   border: 5px solid rgb(225, 0, 0,0.9);color: #16632f;
	 }
	 100% {
	   border: 5px solid rgb(45, 115, 207,0.3);color: #2b4888;
	 }
	
	}

	 @keyframes btncolor3547 {
	 0% {
	   color: #2b4888;
	 }
	 50% {
	   color: #16632f;
	 }
	 100% {
	   color: #2b4888;
	 }
	
	}

         @keyframes maybtn856anim7 {
      20%,
      50%,
      100% {
      	opacity: 1;
      }

      25%,
      75% {
      	opacity: 0;
      }
         }

        @media (max-width:1850px){
            .adsmo5827{
              left:28%;
              right:28%;
            }
        }
                @media (max-width:1660px){
            .adsmo5827{
              left:26%;
              right:26%;
            }
        }
                @media (max-width:1550px){
            .adsmo5827{
              left:24%;
              right:24%;
            }
        }
                @media (max-width:1420px){
            .adsmo5827{
              left:22%;
              right:22%;
            }
        }
                @media (max-width:1320px){
            .adsmo5827{
              left:20%;
              right:20%;
            }
        }
                @media (max-width:1220px){
            .adsmo5827{
              left:18%;
              right:18%;
            }
        }
                @media (max-width:1144px){
            .adsmo5827{
              left:15%;
              right:15%;
            }
        }
                @media (max-width:1050px){
            .adsmo5827{
              left:13%;
              right:13%;
            }
        }

                @media (max-width:1024px){
            .adsmo5827{
              left:12%;
              right:12%;
            }
        }
        
                @media (max-width:970px){
            .adsmo5827{
              left:10%;
              right:10%;
            }
        }
        
                
                @media (max-width:925px){
            .adsmo5827{
              left:8%;
              right:8%;
            }
        }
        
                @media (max-width:880px){
            .adsmo5827{
              left:6%;
              right:6%;
            }
        }
        
                @media (max-width:850px){
            .adsmo5827{
              left:4%;
              right:4%;
            }
        }
        
                @media (max-width:825px){
            .adsmo5827{
              left:2%;
              right:2%;
            }
        }
        
	@media (max-width:800px){
	 .adsmo5827 , .antivirus8537 , .clickspace9327{
	  height: auto;
          width: auto;
	 }
	}
    </style>

كود الإعلانات 8

   <div class="adsmo58213" id="btn493">
    <div dir="ltr" class="antivirus85313" style="text-align: center;">
    	<button class="btn58313" onclick='document.getElementById("btn493").style.display="none"'><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24"><path d="M23 20.168l-8.185-8.187 8.185-8.174-2.832-2.807-8.182 8.179-8.176-8.179-2.81 2.81 8.186 8.196-8.186 8.184 2.81 2.81 8.203-8.192 8.18 8.192z"/></svg></button>
      <a href="https://momethods.blogspot.com/2023/04/full-protection-from-viruses-and-hacking.html" target="_blank" class="nodecoration85313">
       <div class="clickspace93213">
	<h3>أفضل طريقة لحمايتك من الفيروسات <span style="color:red;">! مهم</span> <br/> الطريقة الفعالة والأكيدة </h3>
       </div>
      </a>
    </div>
   </div>
    <style>
	 .adsmo58213{
	     position:fixed;
	     right:10px;
	     bottom:10px;
	  }
	 .btn58313{
	     position:absolute;
	     top:1px;
	     right:1px;
	     font-weight:bold;
             cursor: pointer;
	     padding:0px 3px;
	  }
         .antivirus85313{
	     background:linear-gradient(131deg,#f2f6ff,#fff,#b6cbf8);
	     animation: btnbordercolor95313 3s 1s linear infinite;
             font-size: 18px;
	     font-family: Verdana, Geneva, Tahoma, sans-serif;
             text-align: center;
             text-decoration: none;
             color: #2b4888;
             border: 5px solid rgb(69, 21, 83,0.3);
             border-radius: 2px;
             cursor: pointer;
             width: 300px;
             height: 250px;
             padding: 4px;
             margin: 10px;
             transition: background 0.3s ease , box-shadow 0.3s ease;
	     position:relative;
         }
	.antivirus85313 h3{
	  text-align: center;
	  transition: transform 0.3s ease;
          text-decoration: none;
	  animation: btncolor35413 3s 1s linear infinite;
	  margin:75px 10px;
	  line-height:30px;
          color: #2b4888;
	 }
         .nodecoration85313{
	  text-decoration: none;
          text-align: center;
	  text-align: -webkit-center;
	 }
	.antivirus85313 span{
	  animation: maybtn856anim13 3s 1s linear infinite;
          text-decoration: none;
	 }
         .antivirus85313:hover{
             box-shadow: 2px 2px 10px #edeeed , -2px -2px 10px #edeeed;
	     background:linear-gradient(304deg,#f2f6ff,#fff,#b6cbf8);
         }
	.antivirus85313 h3:hover{
	  transform:scale(1.02);
	 }
	.clickspace93213{
	  height:239px;
	  width:289px;
	  margin:1px;
	  padding:1px;
	 }

	 @keyframes btnbordercolor95313 {
	 0% {
	   border: 5px solid rgb(45, 115, 207,0.3);color: #2b4888;
	 }
	 50% {
	   border: 5px solid rgb(225, 0, 0,0.9);color: #16632f;
	 }
	 100% {
	   border: 5px solid rgb(45, 115, 207,0.3);color: #2b4888;
	 }
	
	}

	 @keyframes btncolor35413 {
	 0% {
	   color: #2b4888;
	 }
	 50% {
	   color: #16632f;
	 }
	 100% {
	   color: #2b4888;
	 }
	
	}

         @keyframes maybtn856anim13 {
      20%,
      50%,
      100% {
      	opacity: 1;
      }

      25%,
      75% {
      	opacity: 0;
      }
         }

	@media (max-width:330px){
	 .adsmo58213 , .antivirus85313 , .clickspace93213{
	  height: auto;
          width: auto;
	 }
	}
    </style>

كود الإعلانات 9

   <div class="adsmo58210" id="btn493">
    <div dir="ltr" class="antivirus85310" style="text-align: center;">
    	<button class="btn58310" onclick='document.getElementById("btn493").style.display="none"'><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24"><path d="M23 20.168l-8.185-8.187 8.185-8.174-2.832-2.807-8.182 8.179-8.176-8.179-2.81 2.81 8.186 8.196-8.186 8.184 2.81 2.81 8.203-8.192 8.18 8.192z"/></svg></button>
      <a href="https://momethods.blogspot.com/2023/04/full-protection-from-viruses-and-hacking.html" target="_blank" class="nodecoration85310">
       <div class="clickspace93210">
	<h3>أفضل طريقة لحمايتك من الفيروسات <span style="color:red;">! مهم</span> <br/> الطريقة الفعالة والأكيدة </h3>
       </div>
      </a>
    </div>
   </div>
    <style>
	 .adsmo58210{
	     position:fixed;
	     left:10px;
	     bottom:10px;
	  }
	 .btn58310{
	     position:absolute;
	     top:1px;
	     right:1px;
	     font-weight:bold;
             cursor: pointer;
	     padding:0px 3px;
	  }
         .antivirus85310{
	     background:linear-gradient(131deg,#f2f6ff,#fff,#b6cbf8);
	     animation: btnbordercolor95310 3s 1s linear infinite;
             font-size: 18px;
	     font-family: Verdana, Geneva, Tahoma, sans-serif;
             text-align: center;
             text-decoration: none;
             color: #2b4888;
             border: 5px solid rgb(69, 21, 83,0.3);
             border-radius: 2px;
             cursor: pointer;
             width: 300px;
             height: 250px;
             padding: 4px;
             margin: 10px;
             transition: background 0.3s ease , box-shadow 0.3s ease;
	     position:relative;
         }
	.antivirus85310 h3{
	  text-align: center;
	  transition: transform 0.3s ease;
          text-decoration: none;
	  animation: btncolor35410 3s 1s linear infinite;
	  margin:75px 10px;
	  line-height:30px;
          color: #2b4888;
	 }
         .nodecoration85310{
	  text-decoration: none;
          text-align: center;
	  text-align: -webkit-center;
	 }
	.antivirus85310 span{
	  animation: maybtn856anim10 3s 1s linear infinite;
          text-decoration: none;
	 }
         .antivirus85310:hover{
             box-shadow: 2px 2px 10px #edeeed , -2px -2px 10px #edeeed;
	     background:linear-gradient(304deg,#f2f6ff,#fff,#b6cbf8);
         }
	.antivirus85310 h3:hover{
	  transform:scale(1.02);
	 }
	.clickspace93210{
	  height:239px;
	  width:289px;
	  margin:1px;
	  padding:1px;
	 }

	 @keyframes btnbordercolor95310 {
	 0% {
	   border: 5px solid rgb(45, 115, 207,0.3);color: #2b4888;
	 }
	 50% {
	   border: 5px solid rgb(225, 0, 0,0.9);color: #16632f;
	 }
	 100% {
	   border: 5px solid rgb(45, 115, 207,0.3);color: #2b4888;
	 }
	
	}

	 @keyframes btncolor35410 {
	 0% {
	   color: #2b4888;
	 }
	 50% {
	   color: #16632f;
	 }
	 100% {
	   color: #2b4888;
	 }
	
	}

         @keyframes maybtn856anim10 {
      20%,
      50%,
      100% {
      	opacity: 1;
      }

      25%,
      75% {
      	opacity: 0;
      }
         }

	@media (max-width:330px){
	 .adsmo58210 , .antivirus85310 , .clickspace93210{
	  height: auto;
          width: auto;
	 }
	}
    </style>

كود الإعلانات 10

   <div class="adsmo58212" id="btn493">
    <div dir="ltr" class="antivirus85312" style="text-align: center;">
    	<button class="btn58312" onclick='document.getElementById("btn493").style.display="none"'><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24"><path d="M23 20.168l-8.185-8.187 8.185-8.174-2.832-2.807-8.182 8.179-8.176-8.179-2.81 2.81 8.186 8.196-8.186 8.184 2.81 2.81 8.203-8.192 8.18 8.192z"/></svg></button>
      <a href="https://momethods.blogspot.com/2023/04/full-protection-from-viruses-and-hacking.html" target="_blank" class="nodecoration85312">
       <div class="clickspace93212">
	<h3>أفضل طريقة لحمايتك من الفيروسات <span style="color:red;">! مهم</span> <br/> الطريقة الفعالة والأكيدة </h3>
       </div>
      </a>
    </div>
   </div>
    <style>
	 .adsmo58212{
	     position:fixed;
	     right:10px;
	     bottom:10px;
	  }
	 .btn58312{
	     position:absolute;
	     top:1px;
	     right:1px;
	     font-weight:bold;
             cursor: pointer;
	     padding:0px 3px;
	  }
         .antivirus85312{
	     background:linear-gradient(131deg,#f2f6ff,#fff,#b6cbf8);
	     animation: btnbordercolor95312 3s 1s linear infinite;
             font-size: 18px;
	     font-family: Verdana, Geneva, Tahoma, sans-serif;
             text-align: center;
             text-decoration: none;
             color: #2b4888;
             border: 5px solid rgb(69, 21, 83,0.3);
             border-radius: 2px;
             cursor: pointer;
             width: 250px;
             height: 250px;
             padding: 4px;
             margin: 10px;
             transition: background 0.3s ease , box-shadow 0.3s ease;
	     position:relative;
         }
	.antivirus85312 h3{
	  text-align: center;
	  transition: transform 0.3s ease;
          text-decoration: none;
	  animation: btncolor35412 3s 1s linear infinite;
	  margin:70px 10px;
	  line-height:30px;
          color: #2b4888;
	 }
         .nodecoration85312{
	  text-decoration: none;
          text-align: center;
	  text-align: -webkit-center;
	 }
	.antivirus85312 span{
	  animation: maybtn856anim12 3s 1s linear infinite;
          text-decoration: none;
	 }
         .antivirus85312:hover{
             box-shadow: 2px 2px 10px #edeeed , -2px -2px 10px #edeeed;
	     background:linear-gradient(304deg,#f2f6ff,#fff,#b6cbf8);
         }
	.antivirus85312 h3:hover{
	  transform:scale(1.02);
	 }

	.clickspace93212{
	  height:239px;
	  width:239px;
	  margin:1px;
	  padding:1px;
	 }

	 @keyframes btnbordercolor95312 {
	 0% {
	   border: 5px solid rgb(45, 115, 207,0.3);color: #2b4888;
	 }
	 50% {
	   border: 5px solid rgb(225, 0, 0,0.9);color: #16632f;
	 }
	 100% {
	   border: 5px solid rgb(45, 115, 207,0.3);color: #2b4888;
	 }
	
	}

	 @keyframes btncolor35412 {
	 0% {
	   color: #2b4888;
	 }
	 50% {
	   color: #16632f;
	 }
	 100% {
	   color: #2b4888;
	 }
	
	}

         @keyframes maybtn856anim12 {
      20%,
      50%,
      100% {
      	opacity: 1;
      }

      25%,
      75% {
      	opacity: 0;
      }
         }

	@media (max-width:280px){
	 .adsmo58212 , .antivirus85312 , .clickspace93212{
	  height: auto;
          width: auto;
	 }
	}
    </style>

كود الإعلانات 11

   <div class="adsmo5829" id="btn493">
    <div dir="ltr" class="antivirus8539" style="text-align: center;">
    	<button class="btn5839" onclick='document.getElementById("btn493").style.display="none"'><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24"><path d="M23 20.168l-8.185-8.187 8.185-8.174-2.832-2.807-8.182 8.179-8.176-8.179-2.81 2.81 8.186 8.196-8.186 8.184 2.81 2.81 8.203-8.192 8.18 8.192z"/></svg></button>
      <a href="https://momethods.blogspot.com/2023/04/full-protection-from-viruses-and-hacking.html" target="_blank" class="nodecoration8539">
       <div class="clickspace9329">
	<h3>أفضل طريقة لحمايتك من الفيروسات <span style="color:red;">! مهم</span> <br/> الطريقة الفعالة والأكيدة </h3>
       </div>
      </a>
    </div>
   </div>
    <style>
	 .adsmo5829{
	     position:fixed;
	     left:10px;
	     bottom:10px;
	  }
	 .btn5839{
	     position:absolute;
	     top:1px;
	     right:1px;
	     font-weight:bold;
             cursor: pointer;
	     padding:0px 3px;
	  }
         .antivirus8539{
	     background:linear-gradient(131deg,#f2f6ff,#fff,#b6cbf8);
	     animation: btnbordercolor9539 3s 1s linear infinite;
             font-size: 18px;
	     font-family: Verdana, Geneva, Tahoma, sans-serif;
             text-align: center;
             text-decoration: none;
             color: #2b4888;
             border: 5px solid rgb(69, 21, 83,0.3);
             border-radius: 2px;
             cursor: pointer;
             width: 250px;
             height: 250px;
             padding: 4px;
             margin: 10px;
             transition: background 0.3s ease , box-shadow 0.3s ease;
	     position:relative;
         }
	.antivirus8539 h3{
	  text-align: center;
	  transition: transform 0.3s ease;
          text-decoration: none;
	  animation: btncolor3549 3s 1s linear infinite;
	  margin:70px 10px;
	  line-height:30px;
          color: #2b4888;
	 }
         .nodecoration8539{
	  text-decoration: none;
          text-align: center;
	  text-align: -webkit-center;
	 }
	.antivirus8539 span{
	  animation: maybtn856anim9 3s 1s linear infinite;
          text-decoration: none;
	 }
         .antivirus8539:hover{
             box-shadow: 2px 2px 10px #edeeed , -2px -2px 10px #edeeed;
	     background:linear-gradient(304deg,#f2f6ff,#fff,#b6cbf8);
         }
	.antivirus8539 h3:hover{
	  transform:scale(1.02);
	 }

	.clickspace9329{
	  height:239px;
	  width:239px;
	  margin:1px;
	  padding:1px;
	 }

	 @keyframes btnbordercolor9539 {
	 0% {
	   border: 5px solid rgb(45, 115, 207,0.3);color: #2b4888;
	 }
	 50% {
	   border: 5px solid rgb(225, 0, 0,0.9);color: #16632f;
	 }
	 100% {
	   border: 5px solid rgb(45, 115, 207,0.3);color: #2b4888;
	 }
	
	}

	 @keyframes btncolor3549 {
	 0% {
	   color: #2b4888;
	 }
	 50% {
	   color: #16632f;
	 }
	 100% {
	   color: #2b4888;
	 }
	
	}

         @keyframes maybtn856anim9 {
      20%,
      50%,
      100% {
      	opacity: 1;
      }

      25%,
      75% {
      	opacity: 0;
      }
         }

	@media (max-width:280px){
	 .adsmo5829 , .antivirus8539 , .clickspace9329{
	  height: auto;
          width: auto;
	 }
	}
    </style>

كود الإعلانات 12

   <div class="adsmo58211" id="btn493">
    <div dir="ltr" class="antivirus85311" style="text-align: center;">
    	<button class="btn58311" onclick='document.getElementById("btn493").style.display="none"'><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24"><path d="M23 20.168l-8.185-8.187 8.185-8.174-2.832-2.807-8.182 8.179-8.176-8.179-2.81 2.81 8.186 8.196-8.186 8.184 2.81 2.81 8.203-8.192 8.18 8.192z"/></svg></button>
      <a href="https://momethods.blogspot.com/2023/04/full-protection-from-viruses-and-hacking.html" target="_blank" class="nodecoration85311">
       <div class="clickspace93211">
	<h3>أفضل طريقة لحمايتك من الفيروسات <span style="color:red;">! مهم</span> <br/> الطريقة الفعالة والأكيدة </h3>
       </div>
      </a>
    </div>
   </div>
    <style>
	 .adsmo58211{
	     position:fixed;
	     right:10px;
	     bottom:10px;
	  }
	 .btn58311{
	     position:absolute;
	     top:1px;
	     right:1px;
	     font-weight:bold;
             cursor: pointer;
	     padding:0px 3px;
	  }
         .antivirus85311{
	     background:linear-gradient(131deg,#f2f6ff,#fff,#b6cbf8);
	     animation: btnbordercolor95311 3s 1s linear infinite;
             font-size: 14px;
	     font-family: Verdana, Geneva, Tahoma, sans-serif;
             text-align: center;
             text-decoration: none;
             color: #2b4888;
             border: 5px solid rgb(69, 21, 83,0.3);
             border-radius: 2px;
             cursor: pointer;
             width: 90px;
             height: 550px;
             padding: 3px;
             margin: 10px;
             transition: background 0.3s ease , box-shadow 0.3s ease;
	     position:relative;
         }
	.antivirus85311 h3{
	  text-align: center;
	  transition: transform 0.3s ease;
          text-decoration: none;
	  animation: btncolor35411 3s 1s linear infinite;
	  margin:120px 0px;
	  line-height:30px;
          color: #2b4888;
	 }
         .nodecoration85311{
	  text-decoration: none;
          text-align: center;
	  text-align: -webkit-center;
	 }
	.antivirus85311 span{
	  animation: maybtn856anim11 3s 1s linear infinite;
          text-decoration: none;
	 }
         .antivirus85311:hover{
             box-shadow: 2px 2px 10px #edeeed , -2px -2px 10px #edeeed;
	     background:linear-gradient(304deg,#f2f6ff,#fff,#b6cbf8);
         }
	.antivirus85311 h3:hover{
	  transform:scale(1.02);
	 }
	.clickspace93211{
	  height:539px;
	  width:79px;
	  margin:1px;
	  padding:1px;
	 }

	 @keyframes btnbordercolor95311 {
	 0% {
	   border: 5px solid rgb(45, 115, 207,0.3);color: #2b4888;
	 }
	 50% {
	   border: 5px solid rgb(225, 0, 0,0.9);color: #16632f;
	 }
	 100% {
	   border: 5px solid rgb(45, 115, 207,0.3);color: #2b4888;
	 }
	
	}

	 @keyframes btncolor35411 {
	 0% {
	   color: #2b4888;
	 }
	 50% {
	   color: #16632f;
	 }
	 100% {
	   color: #2b4888;
	 }
	
	}

         @keyframes maybtn856anim11 {
      20%,
      50%,
      100% {
      	opacity: 1;
      }

      25%,
      75% {
      	opacity: 0;
      }
         }

	@media (max-width:120px){
	 .adsmo58211 , .antivirus85311 , .clickspace93211{
	  height: auto;
          width: auto;
	 }
	}
    </style>

كود الإعلانات 13

   <div class="adsmo5828" id="btn493">
    <div dir="ltr" class="antivirus8538" style="text-align: center;">
    	<button class="btn5838" onclick='document.getElementById("btn493").style.display="none"'><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24"><path d="M23 20.168l-8.185-8.187 8.185-8.174-2.832-2.807-8.182 8.179-8.176-8.179-2.81 2.81 8.186 8.196-8.186 8.184 2.81 2.81 8.203-8.192 8.18 8.192z"/></svg></button>
      <a href="https://momethods.blogspot.com/2023/04/full-protection-from-viruses-and-hacking.html" target="_blank" class="nodecoration8538">
       <div class="clickspace9328">
	<h3>أفضل طريقة لحمايتك من الفيروسات <span style="color:red;">! مهم</span> <br/> الطريقة الفعالة والأكيدة </h3>
       </div>
      </a>
    </div>
   </div>
    <style>
	 .adsmo5828{
	     position:fixed;
	     left:10px;
	     bottom:10px;
	  }
	 .btn5838{
	     position:absolute;
	     top:1px;
	     right:1px;
	     font-weight:bold;
             cursor: pointer;
	     padding:0px 3px;
	  }
         .antivirus8538{
	     background:linear-gradient(131deg,#f2f6ff,#fff,#b6cbf8);
	     animation: btnbordercolor9538 3s 1s linear infinite;
             font-size: 14px;
	     font-family: Verdana, Geneva, Tahoma, sans-serif;
             text-align: center;
             text-decoration: none;
             color: #2b4888;
             border: 5px solid rgb(69, 21, 83,0.3);
             border-radius: 2px;
             cursor: pointer;
             width: 90px;
             height: 550px;
             padding: 3px;
             margin: 10px;
             transition: background 0.3s ease , box-shadow 0.3s ease;
	     position:relative;
         }
	.antivirus8538 h3{
	  text-align: center;
	  transition: transform 0.3s ease;
          text-decoration: none;
	  animation: btncolor3548 3s 1s linear infinite;
	  margin:120px 0px;
	  line-height:30px;
          color: #2b4888;
	 }
         .nodecoration8538{
	  text-decoration: none;
          text-align: center;
	  text-align: -webkit-center;
	 }
	.antivirus8538 span{
	  animation: maybtn856anim8 3s 1s linear infinite;
          text-decoration: none;
	 }
         .antivirus8538:hover{
             box-shadow: 2px 2px 10px #edeeed , -2px -2px 10px #edeeed;
	     background:linear-gradient(304deg,#f2f6ff,#fff,#b6cbf8);
         }
	.antivirus8538 h3:hover{
	  transform:scale(1.02);
	 }
	.clickspace9328{
	  height:539px;
	  width:79px;
	  margin:1px;
	  padding:1px;
	 }

	 @keyframes btnbordercolor9538 {
	 0% {
	   border: 5px solid rgb(45, 115, 207,0.3);color: #2b4888;
	 }
	 50% {
	   border: 5px solid rgb(225, 0, 0,0.9);color: #16632f;
	 }
	 100% {
	   border: 5px solid rgb(45, 115, 207,0.3);color: #2b4888;
	 }
	
	}

	 @keyframes btncolor3548 {
	 0% {
	   color: #2b4888;
	 }
	 50% {
	   color: #16632f;
	 }
	 100% {
	   color: #2b4888;
	 }
	
	}

         @keyframes maybtn856anim8 {
      20%,
      50%,
      100% {
      	opacity: 1;
      }

      25%,
      75% {
      	opacity: 0;
      }
         }

	@media (max-width:120px){
	 .adsmo5828 , .antivirus8538 , .clickspace9328{
	  height: auto;
          width: auto;
	 }
	}
    </style>

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

كود لوضع إعلانين مربع بجانب بعضهما البعض الطريقة الأولى

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" style="width:100%;">
<tr><td class="tbwdth583" width="50%" align="center" valign="middle">
كود الإعلان الأول
</td>
<td class="tbwdth583" width="50%" align="center" valign="middle">
كود الإعلان الثانى
</td>
</tr>
</table>
      <style>
	@media (max-width:670px){
	.tbwdth583{
		width:auto;
	}
	.tbwdth583 div{
		width:auto;
		height:auto;
	}
	.tbwdth583 img{
		width:auto;
		height:auto;
		margin:1px;
		padding:1px;
		text-align:center;
	}
	}
      </style>

كود لوضع إعلانين مربع بجانب بعضهما البعض الطريقة الثانية

   <div class="boxes2472">
	<div>
	كود الإعلان الأول
	</div>
	<div>
	كود الإعلان الثانى
	</div>
   </div>
    <style>
	.boxes2472{
		display:flex;
		justify-content:space-around;
		justify-items:center;
		flex-wrap:wrap;
	}
    </style>

شرح التعديل على الأكواد الإعلانية

بالبداية أظن سهل تغيير رابط الإعلان وهو الرابط

https://momethods.blogspot.com/2023/04/full-protection-from-viruses-and-hacking.html

كل ما عليك هو أن تبحث عنه بالكود وتغيره وكذلك نفس الأمر بالنسبة للعبارات الإعلانية وهي

أفضل طريقة لحمايتك من الفيروسات

وكلمة التنبيه الحمراء التي تظهر وتختفي

! مهم

وكذلك العبارة الأخرى وهي

الطريقة الفعالة والأكيدة

والأن ننتقل للتعديل التقني للكود ولنبدأ بلون الخلفية لكود الإعلان نقوم بالدخول على جوجل وكتابة العبارة " html color picker " لنقوم بعدها بالبحث عن كود اللون الأول

#f2f6ff

وبعدها نقوم بإستبداله بأي لون من نوع HEX بأداة " html color picker "

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

#b6cbf8

ونقوم بإستبداله بكود لون أخر ويكون نفس اللون ولكن بدرجة داكنة أكثر ولكنه يظل لون فاتح قليلاً وستجد الكود مرتين وعليك إستبداله بكود الألوان الجديد مرتين كذلك بكل دقة

الأن الخطوة التي بها تفاصيل أكثر وهي لون خط العبارات الإعلانية بالكود وهي تتلون من الأزرق للأخضر والعكس ولتغييرهما بلون أخر علينا البحث عن كود اللون الأزرق أولاً وهو

#2b4888

وإستبدال هذا الكود بكود لون أخر يجب أن يكون داكن جداً ليكون ظاهر وواضح بالإعلان وستجد هذا الكود موجود 6 مرات وعليك تغييره 6 مرات بالكود الجديد مكان القديم إجعل التبديل بدقة بدون أي زيادة أو نقصان بالكود وكذلك بعدها عليك تغيير كود اللون الأخر وهو

#16632f

بأي كود ألوان داكن جداً ليكون واضح بالإعلان وستجد الكود مكرر مرتين وعليك إستبدال الكود مرتين مكان القديم

والأن في حالة أردنا تغيير لون الإطار أو البوردر الملون حول الإعلان وهو إطار يتلون بين اللون الأزرق واللون الأحمر وإن أردنا تغييره لألوان أخرى فقط قم بالبحث عن العبارة

45, 115, 207

ثم قم بإختيار كود لون أخر مكان هذا اللون وهو اللون الأزرق من خلال البحث بجوجل بالعبارة " html color picker " ثم إختيار كود اللون المناسب ولكن في هذه المرة سنقوم بإختيار الثلاثة أرقام من كود الألوان RGB وليس كود HEX هذه المرة وبعد إختيار كود اللون ستجد كود الألوان RGB عبارة عن 3 أرقام يفصلها فاصلة بين كل رقم والأخر إنسخ الكود بنفس الترتيب وإلصقه مكان كود الألوان القديم لتضع الثلاثة أرقام الجديدة مكان الثلاثة أرقام القديمة وستجد كود الألوان القديم موجود مرتين وعليك تغييره مرتين مكان الكود القديم

وأما عن كود الإطار الأحمر فلا أنصح إطلاقاً بتغييره وهو للفت الإنتباه ولكن في حالة أردت تغييره فيمكنك ذلك بالبحث عن كود الألوان

225, 0, 0

وهو كود ألوان من نوع RGB كما وضحنا من قبل وإستبداله بأي لون أخر تراه مناسب أكثر للفت الإنتباه ويجب أن يكون الكود الأخر من نوع RGB وبنفس الشكل 3 أرقام بينهم فواصل

وأما عن كودين وضع إعلانين مربع بجانب بعضهما البعض فالموضوع بسيط للغاية فيمكنك من خلال هذا الكود وضع إعلانين مربعين بجانب بعضهما البعض بدون أية مشكلات وهو كود متجاوب مع الموبايل أو المحمول فقط تضع كود الإعلان الأول بمكانه بالكود مكان عبارة " كود الإعلان الأول " وكذلك نفس الأمر تضع كود الإعلان الثاني مربع أيضاً مكان العبارة " كود الإعلان الثانى "

والفرق بين كود الإعلانين مربع بجانب بعضهما بالطريقة الأولى والثانية هي أن الطريقة الأولى ينضغط الكودين كلما قلت مساحة الشاشة مثل شاشة الموبايل ويظلوا بجانب بعضهما البعض أما الكود بالطريقة الثانية فمع ضغط المساحة يهبط كود الإعلان الثاني تحت كود الإعلان الأول وعليك إختيار الطريقة الأنسب لك ولموقعك من بينهم.

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

الخلاصة

لكي يكون موقعك في أبهى صورة وأفضل حال عليك الإهتمام جداً بتجربة المستخدم وشكل الموقع وطريقة عرضه للمحتوى وعليه فيجب عليك إمتلاك كود إعلاني نصي مميز وجيد يلفت الإنتباه ولا يكون مزعج ويؤدي غرضه بشكل ممتاز ويزيد من نسب تحويل الزوار لرابط الإعلان سواء كان لموضوع داخلي بموقعك أو تبادل خارجي مع مواقع صديقة لتضمن نسب أعلى في النجاح.