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

أداة تبادل اعلاني اضافة تساعد في الحصول على باك لينك قوي لأصحاب خبرة السيو فهناك العديد من نشر هذه الاضافة لكن 
لكن في المميز في هذه الاضافة تخصيصها سهل بالاضافة لاستخراج -favicon- خاص بالمدونة تلقائيا. 

شرح طريقة التركيب :

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

ستذهب الى التخطيط وتختار اسم من القائمة الجانبية لتركيب الأداة فوقه كما تلاحظون اخترنا اسم -انضم الينا-
سنذهب الي المظهر ثم تعديل HTML ونبحث عن الاسم الذي أردنا وضع فوقه الاضافة كــ -انضم الينا-


كما تلاحظون في الصورة وجدنا الاسم الذي أردناه .

فوق الاسم الذي قمنا -انضم الينا- أي قبل <b:widget ننزل سطرا ونلصق الكود فوقه .

قم بنسخ هذا الكود وألصقه فوقه :

<b:widget id='LinkList111' 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'>زينو</b:widget-setting>
      <b:widget-setting name='link-1'>https://zinothec.blogspot.com/</b:widget-setting>
      <b:widget-setting name='text-0'>color</b:widget-setting>
      <b:widget-setting name='link-2'>#</b:widget-setting>
      <b:widget-setting name='link-0'>#3d5afe</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='ref-adss'>
   <ul>
     <b:loop values='data:links' var='link'>
       <li><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-ref-ads:<data:link.target/>}</b:if></b:loop>
/*<![CDATA[*/
.ref-adss a { display: inline-grid !important; width: 48%; background: var(--color-ref-ads); padding: 2px 5px; white-space: pre; border-radius: 4px; margin: 3px auto; text-align: center; font-weight: 600; color: #ffffff !important; }.ref-adss a:hover { transition: all .3s; box-shadow: 0 2px 4px rgb(0 0 0 / 50%); }.ref-adss img { margin: 0 auto; margin-top: 3px; margin-bottom: 4px;background: #fff; border-radius: 30px; padding: 2px; } .ref-adss li { list-style: none !important; width: 100%; display: inline !important; border: none !important; }.ref-adss ul { margin: 0; padding: 1px !important; } .ref-adss li a[title=color] { display: none !important; }
/*]]>*/
</style>
<script type='text/javascript'>
/*<![CDATA[*/
/* سكريبت خاص بسحب favicon المدونة تلقائيا */
$.getScript("https://cdn.jsdelivr.net/gh/zinothec/rating@main/zn-thec/get-favicon.js");
/*]]>*/
</script>
</b:includable>
  </b:widget>
الكود الثاني هو نفس الأول في حال ما لم تظهر ايقونات قم بتغييره بهذا الكود الثاني

قم بنسخ هذا الكود وألصقه فوقه :

<b:widget id='LinkList111' 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'>زينو</b:widget-setting>
      <b:widget-setting name='link-1'>https://zinothec.blogspot.com/</b:widget-setting>
      <b:widget-setting name='text-0'>color</b:widget-setting>
      <b:widget-setting name='link-2'>#</b:widget-setting>
      <b:widget-setting name='link-0'>#3d5afe</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='ref-adss'>
   <ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target' expr:title='data:link.name' target='_blank'><data:link.name/><img expr:src='data:link.target + &quot;/favicon.ico&quot;'/></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-ref-ads:<data:link.target/>}</b:if></b:loop>
/*<![CDATA[*/
.ref-adss a { display: inline-grid !important; width: 48%; background: var(--color-ref-ads); padding: 2px 5px; white-space: pre; border-radius: 4px; margin: 3px auto; text-align: center; font-weight: 600; color: #ffffff !important; }.ref-adss a:hover { transition: all .3s; box-shadow: 0 2px 4px rgb(0 0 0 / 50%); }.ref-adss img { margin: 0 auto; margin-top: 3px; margin-bottom: 4px;background: #fff; border-radius: 30px; padding: 2px; } .ref-adss li { list-style: none !important; width: 100%; display: inline !important; border: none !important; }.ref-adss ul { margin: 0; padding: 1px !important; } .ref-adss li a[title=color] { display: none !important; }
/*]]>*/
</style>
</b:includable>
  </b:widget>

شرح تخصيص :

بعد تطبيقك للخطوة السابقة اذهب الي تخطيط المدونة ثم -تبادل اعلاني- قم بتعديل التالي :

التخصيص:
  • color: تعني لون الاضافة اللون الحالي يمكنك تغيير باستبدال #3d5afe
  • اضافة عنصر: قم بوضع رابط المدونة و اسمها بالنسبة للشعار فهو يظهر تلقائي