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

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

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

ممميزات الأداة

  1. سهولة التعديل والإستخدام من التخطيط فقط
  2. متجاوبة ومصممة لتدعم عدة ألوان وأن تتوافق مع كل قوالب بلوجر
  3. مربحة وتزيد باك لينك والزيارات
  4. مجانية والعمل عليها مجاني
  5. متعددة الإستخدامات. 

فيديو يوتيوب حول الدرس

تركيب الإضافة في بلوجر

  1. أولا اذهب للوحة تحكم بلوجر 
  2. اذهب الى صفحة التخطيط
  3. إنسخ إسم أول أداة موجودة في قسم السايدبار مثل التالي

  4. ثم إنتقل الى صفحة المظهر ثم تعديل HTML
  5. ثم إبحث عن الإسم لتجد كود الأداة وهكذا ستجدها تقريبا
  6. وعندها أغلق الكود وضع الكود التالي فوقه هذا مثال: 
  7. وهذا الكود الذي تضعه في المكان المحدد
<b:widget id='LinkList211' locked='false' title='تبادل اعلاني' type='LinkList' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='sorting'>NONE</b:widget-setting>
      <b:widget-setting name='text-1'>technomee</b:widget-setting>
      <b:widget-setting name='link-1'>https://btechnomee.blogspot.com/</b:widget-setting>
      <b:widget-setting name='text-0'>color</b:widget-setting>
      <b:widget-setting name='link-2'>https://www.blogger.com/blog</b:widget-setting>
      <b:widget-setting name='link-0'>#fe3231</b:widget-setting>
      <b:widget-setting name='text-2'>بلوجر</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <b:include name='widget-title'/>
  <b:include name='content'/>
</b:includable>
    <b:includable id='content'>
 <div class='technomee-ads tm-tools'>
   <ul>
     <b:loop values='data:links' var='link'>
       <li expr:class='data:link.name'><i class='fa fa-arrow-circle-o-left' i=''/><a expr:href='data:link.target' expr:title='data:link.name' target='_blank'><data:link.name/></a></li>
     </b:loop>
   </ul>
 </div>
<style>
<b:loop values='data:links' var='link'><b:if cond='data:link.name == &quot;color&quot;'>:root{--color-technomee-ads:<data:link.target/>}</b:if></b:loop></style>        
<script type='text/javascript'>document.write(unescape('%20%3C%73%74%79%6C%65%3E%20%0A%2F%2A%3C%21%5B%43%44%41%54%41%5B%2A%2F%0A%2E%74%65%63%68%6E%6F%6D%65%65%2D%61%64%73%20%75%6C%7B%6C%69%73%74%2D%73%74%79%6C%65%3A%6F%75%74%73%69%64%65%20%6E%6F%6E%65%20%6E%6F%6E%65%3B%6D%61%72%67%69%6E%3A%30%3B%70%61%64%64%69%6E%67%3A%30%3B%62%6F%72%64%65%72%3A%30%7D%0A%2E%74%65%63%68%6E%6F%6D%65%65%2D%61%64%73%20%75%6C%20%6C%69%7B%6D%61%72%67%69%6E%3A%30%3B%70%61%64%64%69%6E%67%3A%30%3B%62%6F%72%64%65%72%3A%30%7D%0A%2E%74%65%63%68%6E%6F%6D%65%65%2D%61%64%73%20%6C%69%20%61%7B%62%61%63%6B%67%72%6F%75%6E%64%2D%63%6F%6C%6F%72%3A%23%33%33%33%33%33%33%3B%63%6F%6C%6F%72%3A%23%66%66%66%3B%64%69%73%70%6C%61%79%3A%62%6C%6F%63%6B%3B%77%69%64%74%68%3A%39%30%25%3B%68%65%69%67%68%74%3A%33%35%70%78%3B%6C%69%6E%65%2D%68%65%69%67%68%74%3A%33%35%70%78%3B%6D%61%72%67%69%6E%2D%62%6F%74%74%6F%6D%3A%35%70%78%3B%74%65%78%74%2D%64%65%63%6F%72%61%74%69%6F%6E%3A%6E%6F%6E%65%3B%70%61%64%64%69%6E%67%3A%30%20%31%30%70%78%3B%74%72%61%6E%73%69%74%69%6F%6E%3A%61%6C%6C%20%30%2E%37%73%20%65%61%73%65%20%30%73%7D%0A%2E%74%65%63%68%6E%6F%6D%65%65%2D%61%64%73%20%6C%69%20%61%3A%68%6F%76%65%72%7B%62%61%63%6B%67%72%6F%75%6E%64%2D%63%6F%6C%6F%72%3A%76%61%72%28%2D%2D%63%6F%6C%6F%72%2D%74%65%63%68%6E%6F%6D%65%65%2D%61%64%73%29%3B%63%6F%6C%6F%72%3A%23%66%37%66%37%66%37%3B%70%61%64%64%69%6E%67%2D%72%69%67%68%74%3A%32%30%70%78%3B%7D%0A%2E%74%65%63%68%6E%6F%6D%65%65%2D%61%64%73%20%75%6C%20%6C%69%20%69%7B%62%61%63%6B%67%72%6F%75%6E%64%2D%63%6F%6C%6F%72%3A%20%76%61%72%28%2D%2D%63%6F%6C%6F%72%2D%74%65%63%68%6E%6F%6D%65%65%2D%61%64%73%29%3B%63%6F%6C%6F%72%3A%23%66%66%66%3B%66%6C%6F%61%74%3A%6C%65%66%74%3B%6C%69%6E%65%2D%68%65%69%67%68%74%3A%33%35%70%78%3B%77%69%64%74%68%3A%33%35%70%78%3B%74%65%78%74%2D%61%6C%69%67%6E%3A%63%65%6E%74%65%72%3B%7D%0A%2E%74%65%63%68%6E%6F%6D%65%65%2D%61%64%73%20%2E%63%6F%6C%6F%72%7B%64%69%73%70%6C%61%79%3A%6E%6F%6E%65%7D%20%0A%2F%2A%5D%5D%3E%2A%2F%0A%3C%2F%73%74%79%6C%65%3E'))</script>
</b:includable>
  </b:widget>
تعديل الكود
والٱن طريقة التعديل سهلة جدا تابع الجزء التالي: 
الأن بعد إتمام الجزؤ السابق كل ماتبقى عليك هو الذهاب الى صفحة التخطيط وتغيير لون الأداة وإضافة مواقعك التي تريد
لتغيير اللون الرئيسي للأداة بمايناسبك ولون الأداة الإفتراضي هو
ستجد خانة في الأداة بإسم color أنت غير كود اللون بلونك (في الأداة ستجد كلمة عنوان URL للرابط الإلكتروني) وأنت ضف كود لونك الخاص بدل اللون الخاص بي او أتركها بدون تعديل. 


لإضافة أو حذف موقع أو التعديل على موقع

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

ان كنت تريد إدراح الأداة داخل إحدى الصفحات أو المقالات أو إن كنت مصمم أو مطور ويب فستحتاج هذا الكود في عملك لأن الكود الذي أدرجته سابقا يعمل بXML فلهذا لن تستطيع العمل بها في أفكارك ولكن لاتخف هذا هو كود HTML
<div class='technomee-ads'>
<ul>


<!--btechnomee.blogspot.com--> 


</ul>
</div>
<style>
:root{--color-technomee-ads:#fe3231}</style>
<style> 
/*<![CDATA[*/
.technomee-ads ul{list-style:outside none none;margin:0;padding:0;border:0}
.technomee-ads ul li{margin:0;padding:0;border:0}
.technomee-ads li a{background-color:#333333;color:#fff;display:block;width:90%;height:35px;line-height:35px;margin-bottom:5px;text-decoration:none;padding:0 10px;transition:all 0.7s ease 0s}
.technomee-ads li a:hover{background-color:var(--color-technomee-ads);color:#f7f7f7;padding-right:20px;}
.technomee-ads ul li i{background-color: var(--color-technomee-ads);color:#fff;float:left;line-height:35px;width:35px;text-align:center;}
.technomee-ads .color{display:none} 
/*]]>*/
</style>
تعديل الكود
لون الإفتراضي للأداة هو ولتغييره بدل هذا الرمز #fe3231 بكود اللون الخاص بك أو إتركه بدون تعديل لكي لاتخلبط رأسك وأيضا اللون جيد ومقبول
إضافة أو حذف موقع صعب قليلا عكس في المرة السابقة لأننا في المرة السابقة إستخدمنا xml,html,css ولكن هنا نحن قد تخلينا عن xml وهذا ليس بالجيد إن كنت لاتجيد htmL ولكن وكما تعودنا لا أرغب بأن أخسر أي زائر وأيضا أغلبية الذين يزورون مدونتي لايجيدون html ولهذا وفرت لكم لوحة تحكم أو كما ستمى لوحة توليد يمكنك من خلالها إنشاء كود لموقع عبر رابطه وإسمه وأيضا المولد داعما لخاصية التوليد المزدوج ومنه ستتمكن من إنشاء كود html خاص بالموقع الصديق بسهولة ومتعدد في وقت واحد والٱن هذا هو المولد ضع معلوماتك كل مرة وعندما تنتهي إضغط على توليد والكود المولد ضعه فوق <!--btechnomee.blogspot.com-->

قم بنسخ الكود بعد توليده

Next Post Previous Post
2 Comments
  • Youngpharaoh
    Youngpharaoh 2 أبريل 2022 في 8:06 م

    اعمل علي بلوجر من موبايل وصعب استخدام الاكواد بكل الطرق هاتفي gt 19300

    • akram lam
      akram lam 2 أبريل 2022 في 8:49 م

      اخي انا ساقوم بتركيبها لك شكرا على التساؤل

Add Comment
comment url