اضافة فتات الخبز Breadcrumb لمدونات بلوجر
فتات الخبز إضافة هامه جدا للمواقع فى السيو وتحسين الموقع لمحركات البحث ، واليوم فى هذا الموضوع سوف أقدم لكم إضافة فتات الخبز Breadcrumb لمدونات بلوجر كما أستخدمها فى مدونتى حاليا ، وهذا الإضافة طلبها منى أحد متابعى المدونة منذ فترة واليوم أقدم لكم الموضوع.
فتات الخبز سبب هذه التسمية للقصة المشورة لشاب كان يسلك طريق وكان يحدد طريقة بالخبز كان يمتلك الخبز وكان يفتت الخبز ويضعه في طريقه حتى لايضيع طريقه ومن اجل معرفة طريق العودة عن طريق فتات الخبز.
فتات الخبز يكون له شكل فى مدونتك مثل التى فى مدونتى حاليا أعلى عنوان الموضوع مثل الصورة التاليه.
فتات الخيز تظهر نتائج البحث فى موقعك بشكل رائع جدا بدل من ظهور رابط موضوع موقع أسفل العنوان يظهر دومين موقع وبعد ذلك أقسام الموضوع كما فى هذه الصورة.
اضافة فتات الخبز Breadcrumb لمدونات بلوجر
التركيب سهل جدا سوف تبحث عن هذا الوسم]]></b:skin>وتقوم بوضع الكود التالى فوقه، هذا كود أستايل بسيط للإضافة.
الأن أبحث عن هذا الوسم<b:includable id='post' var='post'>وقم بوضع الكود التالى أسفله
الأن بعد وضع الأكواد قم بحفظ القالب ومبروك عليك الإضافة الجديد.
هذا كل شئ فى موضوع اليوم بالتوفيق للجميع وأنتظرونا بكل جديد بأذن الله على المدونة ، لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق .
اضافة فتات الخبز Breadcrumb لمدونات بلوجر |
ما هو سبب هذا الأسم فتات الخبز
فتات الخبز سبب هذه التسمية للقصة المشورة لشاب كان يسلك طريق وكان يحدد طريقة بالخبز كان يمتلك الخبز وكان يفتت الخبز ويضعه في طريقه حتى لايضيع طريقه ومن اجل معرفة طريق العودة عن طريق فتات الخبز.
اضافة فتات الخبز Breadcrumb لمدونات بلوجر |
ما هو شكل فتات الخبز
فتات الخبز يكون له شكل فى مدونتك مثل التى فى مدونتى حاليا أعلى عنوان الموضوع مثل الصورة التاليه.
اضافة فتات الخبز Breadcrumb لمدونات بلوجر |
شكل فتات الخبز فى محرك البحث
فتات الخيز تظهر نتائج البحث فى موقعك بشكل رائع جدا بدل من ظهور رابط موضوع موقع أسفل العنوان يظهر دومين موقع وبعد ذلك أقسام الموضوع كما فى هذه الصورة.
اضافة فتات الخبز Breadcrumb لمدونات بلوجر |
اضافة فتات الخبز Breadcrumb لمدونات بلوجر
التركيب سهل جدا سوف تبحث عن هذا الوسم]]></b:skin>وتقوم بوضع الكود التالى فوقه، هذا كود أستايل بسيط للإضافة.
.swtBreadCrumbs {
padding: 10px;
color: #444;
background-color: #fff;
margin-bottom: 10px;
}
.swtBreadCrumbs a {
color: #444;
}
<b:if cond='data:blog.pageType == "item"'>
<div itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<div class='swtBreadCrumbs'>
<a expr:href='data:blog.homepageUrl' itemprop='url' title='الصفحة الرئيسية'>
<span itemprop='title'> الرئيسية </span></a><i class='fa fa-angle-left'/>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<span typeof='v:breadcrumb'>
<a expr:href='data:label.url' itemprop='url' property='v:title' rel='v:url' title='القسم'>
<span itemprop='title'><data:label.name/></span>
</a>
</span>
<b:if cond='data:label.isLast != "true"'> <i class='fa fa-angle-left'/>
</b:if>
</b:loop>
</b:if>
<i class='fa fa-angle-left'/>
<a expr:href='data:post.url' itemprop='url' title='عنوان الموضوع'>
<span itemprop='title'>
<data:post.title/>
</span>
</a>
</div>
</div>
</b:if>
الأن بعد وضع الأكواد قم بحفظ القالب ومبروك عليك الإضافة الجديد.
هذا كل شئ فى موضوع اليوم بالتوفيق للجميع وأنتظرونا بكل جديد بأذن الله على المدونة ، لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق .
Aucun commentaire