كيفية إنشاء اضافة تتبع المواقع الاجتماعية في مدونات بلوغر

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


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

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

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

    بناء مصلحة قوية : حينما يصل أي زائر في موقع ما، فإنه لا يمتلك أي معلومات في واجهة . في الصعوبات ، وانه يمكن دائما استخدامتتبع المواقع ا للتنقل عبر صفحات مختلفة استنادا إلى مصالحهم . ومن المؤكد أنه بناء مصلحة قوية بين المستخدمين.

     سهولة لمتابعة  الاحداث: ليست مصممة الملاحة الابتدائية لتعقب كيفية عودة الآباء . ومع ذلك ، تتبع المواقع هي مرنة بما يكفي لتتبع الدلائل الأصل التي تساعد المستخدمين على التنقل وفقا لمصالحها .

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




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

    الذهاب إلى Blogger.com >> القالب.
    حفظ القالب في حال  ما حدث خطأ ما.
    الآن اختر تحرير HTML >> متابعة.
    ضع علامة في المربع لتطوير القالب .ثم ، في البحث عن نماذج للبشرة ولصق فوق الترميز في س اس اس لك: كل شخص لديه القدرة على إجراء أية تغييرات إذا لزم الأمر ، وإلا فإنه سيتغير الشكل CSS ل تأخذ شكل أي نوع من بلوق أو الموقع.

#breadcrumbs-mbl {
  background: #eee;
  width:620px;
  margin-left:20px;
  border-width: 1px;
  font-family:'Oswald', Arial, Helvetica, sans-serif;
  margin-top:40px;
  text-transform: uppercase;
  border-style: solid;
  border-color: #f5f5f5 #e5e5e5 #ccc;
  border-radius: 5px;
  box-shadow: 0 0 2px rgba(0,0,0,.2);
  overflow: hidden;
}
#breadcrumbs-mbl  li{
  float: left;
}
#breadcrumbs-mbl  a{
  padding: .7em 1em .7em 2em;
  float: left;
  text-decoration: none;
  color: #444;
  position: relative;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  background-color: #ddd;
  background-image: linear-gradient(to right, #f5f5f5, #ddd);
}
#breadcrumbs-mbl  li:first-child a{
  padding-left: 1em;
  border-radius: 5px 0 0 5px;
}
#breadcrumbs-mbl  a:hover{
  background: #fff;
}
#breadcrumbs-mbl  a::after,
#breadcrumbs-mbl  a::before{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid;
  right: -1em;
}
#breadcrumbs-mbl a::after{
  z-index: 2;
  border-left-color: #ddd;
}
#breadcrumbs-mbl  a::before{
  border-left-color: #ccc;
  right: -1.1em;
  z-index: 1;
}
#breadcrumbs-mbl  a:hover::after{
  border-left-color: #fff;
}
#breadcrumbs-mbl  .current,
#breadcrumbs-mbl  .current:hover{
  font-weight: bold;
  background: none;
}
#breadcrumbs-mbl  .current::after,
#breadcrumbs-mbl .current::before{
  content: normal;
}
ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
#breadcrumbs-mbl .current,
#breadcrumbs-mbl .current:hover{
  font-weight: normal;
  background: none;
}
#breadcrumbs-mbl .current::after,
#breadcrumbs-mbl .current::before{
  content: normal;
}

الآن ، مرة أخرى ، البحث عن <div class='blog-posts hfeed'> ولصق فقط دون ترميز XML الان . لا تقم بإجراء تغييرات في التعليمات البرمجية أو أنها لن تعمل بشكل صحيح . وبمجرد القيام به ، حفظ القالب

اضف الكود التالي مباشرة تحت <div class='blog-posts hfeed'> 

 .

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<ul id='breadcrumbs-mbl'>
<li><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></li>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
<li><a expr:href='data:label.url' rel='tag'><data:label.name/></a></li>
</b:if>
</b:loop>
<b:else/>
</b:if><li><a class='current'><data:post.title/></a></li>
</b:loop>
</ul>
<b:else/>
</b:if></b:if>

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

غرد