اضافه اداه التبادل الاعلانى الى مدونه بلوجر

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

اضافه اداه التبادل الاعلانى الى مدونه بلوجر

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

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

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

  1. قم بالدخول الى مدونه بلوجر ثم الى قسم المظهر
  2. اختر المكان المناسب لاضافة الاداة ويفضل ان يكون فى السايدبار ثم قم بالضغط على زر اضافه اداه
  3. سيفتح معك جميع الأدوات اختر منها HTML/JavaScript
  4. قم بنسخ الكود التالي مع تغيير وتخصيص الاداة حسب احتياجاتك ثم قم بالضغط على زر حفظ

اشكال أداة التبادل الإعلاني

يتوفر ثلاثة أشكال من هذه الأداة يمكنك معاينتها من خلال الزر التالي 
طريقه اضافه اداه التبادل الاعلاني الى مدونة بلوجر
  1. قم بالدخول الى لوحة التحكم الخاصة بمدونتك
  2. قم بالدخول الى قسم المظهر ثم قم بالضغط على زر اضافه اداه
  3. اختر HTML/JavaScript  
  4. قم بنسخ واحد من الاكواد التاليه وضعه داخل الأداة ثم قم بالضغط على زر حفظ

كود الشكل الاول

<style>
a.adsbox {display: inline-grid;width: 49%;background: #16967f;padding: 2px 5px;white-space: pre;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);border-radius: 6px;margin: 3px auto;text-align: center;font-weight: 600;color: #ffffff !important;}a.adsbox:hover {background: #fff;color: #16967f !important;border:1px solid #16967f}
.ads-box {width: 50%;}
</style>
<div class="ads-box">
<div class="adsbox-container">
<a class="adsbox" href="/" rel="noopener noreferrer" target="_blank">تبادل اعلانى</a>
<a class="adsbox" href="" rel="noopener noreferrer" target="_blank">تبادل اعلانى</a>
<a class="adsbox" href="" rel="noopener noreferrer" target="_blank">تبادل اعلانى</a>
<a class="adsbox" href="" rel="noopener noreferrer" target="_blank">تبادل اعلانى</a>
</div></div>

كود الشكل الثانى

<style>

#friends-sites {padding: 0;margin: 0;list-style: none;max-height: 500px;overflow: auto;width: 50%;}
.friends-sites {margin: 0;padding: 0;}
.friends-sites li {margin: 0;padding: 0;line-height: normal;display: block;float: left;text-align: center;width: 50%;}
  .friends-sites a {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;margin: 0 8px 8px 0;padding: 7px 15px;font: 400 13px 'Noto Sans',sans-serif;-webkit-transition: .3s;letter-spacing: -.35px;-moz-transition: .3s;-o-transition: .3s;color: inherit;border: 1px solid #e6e6e6;border-radius: 3px;}.friends-sites a:hover {border-color: #16967f;color: #16967f;}
</style>
<div id="friends-sites">
<div class="friends-sites">
<li><a href="#" target="_blank" title="تبادل اعلانى">تبادل اعلانى</a></li>
<li><a href="#" target="_blank" title="تبادل اعلانى">تبادل اعلانى</a></li>
<li><a href="#" target="_blank" title="تبادل اعلانى">تبادل اعلانى</a></li>
<li><a href="#" target="_blank" title="تبادل اعلانى">تبادل اعلانى</a></li>
<li><a href="#" target="_blank" title="تبادل اعلانى">تبادل اعلانى</a></li>
<li><a href="#" target="_blank" title="تبادل اعلانى">تبادل اعلانى</a></li>
<li><a href="#" target="_blank" title="تبادل اعلانى">تبادل اعلانى</a></li>
<li><a href="#" target="_blank" title="تبادل اعلانى">تبادل اعلانى</a></li>
</div>
</div>

كود الشكل الثالث

<style> 
 a.label-link-btn{margin-left:45%;color:#444}
 .label-link-btn svg path{fill:#00aecd}
 .label-link-btn{font-size:11px;color:#333;position:absolute;top:0;left:0}
 .label-link-btn svg{width:15px;height:15px;vertical-align:-3px}
 a.tombol-link{transition:all .4s ease-in-out;width:100%;height:37px;display:block;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;line-height:37px;font-family:inherit;box-shadow:0 1px 1px rgba(255,255,255,.35) inset,0 1px 1px rgba(0,0,0,.3);align-items:center;justify-content:center;background-color:#16967f;border:1px solid #fff;border-radius:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#fff;font-size:16px;margin:5px auto}
 .advertising_box,a.tombol-link{text-align:center}
 .fontweight400{font-weight:400} .fontroboto{font-family:inherit,sans-serif}
  .link-btn{position:relative;padding-top:15px;width: 50%;}
  a.tombol-link:hover{background-color:#fff;color:#16967f} 
</style> 

<div class="link-btn"> 
  <div class="notranslate">
  <a class="tombol-link fontroboto fontweight400 notranslate" href="#" rel="noopener" target="_blank" title="أعلانك هنا">أعلانك هنا</a>
  <a class="tombol-link fontroboto fontweight400 notranslate" href="#" rel="noopener" target="_blank" title="أعلانك هنا">أعلانك هنا</a> 
   <a class="tombol-link fontroboto fontweight400 notranslate" href="#" rel="noopener" target="_blank" title="أعلانك هنا">أعلانك هنا</a>
   <a class="tombol-link fontroboto fontweight400 notranslate" href="#" rel="noopener" target="_blank" title="أعلانك هنا">أعلانك هنا </a> <a class="tombol-link fontroboto fontweight400 notranslate" href="#" rel="noopener" target="_blank" title="أعلانك هنا">أعلانك هنا</a>
  </div>
  <a class="label-link-btn" href="https://www.scriptonline.codes/" target="_blank" title="تبادل اعلاني نصي"> <svg class="notranslate" height="15" width="15"><path class="notranslate" d="M7.5,1.5a6,6,0,1,0,0,12a6,6,0,1,0,0,-12m0,1a5,5,0,1,1,0,10a5,5,0,1,1,0,-10ZM6.625,11l1.75,0l0,-4.5l-1.75,0ZM7.5,3.75a1,1,0,1,0,0,2a1,1,0,1,0,0,-2Z"></path></svg> إعلان بواسطة <span class="notranslate">اسكربتات اونلاين</span></a></div>

تحميل الاكواد

exchange tool.zip 1.87KB

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

الاسم احمد منصور امتلك خبره اكثر من ثلاث سنوات فى مجال التدوين مهتم بمجال التدوين والبرمجه

إرسال تعليق