Header Ads

Header ADS

اضافة فتات الخبز Breadcrumb لمدونات بلوجر

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

اضافة فتات الخبز Breadcrumb لمدونات بلوجر

ما هو سبب هذا الأسم فتات الخبز


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

اضافة فتات الخبز Breadcrumb لمدونات بلوجر

ما هو شكل  فتات الخبز


فتات الخبز يكون له شكل فى مدونتك مثل التى فى مدونتى حاليا أعلى عنوان الموضوع مثل الصورة التاليه.

اضافة فتات الخبز Breadcrumb لمدونات بلوجر


شكل فتات الخبز فى محرك البحث


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

اضافة فتات الخبز Breadcrumb لمدونات بلوجر

اضافة فتات الخبز Breadcrumb لمدونات بلوجر

التركيب سهل جدا سوف تبحث عن هذا الوسم]]></b:skin>وتقوم بوضع الكود التالى فوقه، هذا كود أستايل بسيط للإضافة.

.swtBreadCrumbs {
padding: 10px;
color: #444;
background-color: #fff;
margin-bottom: 10px;
}
.swtBreadCrumbs a {
color: #444;
}

الأن أبحث عن هذا الوسم<b:includable id='post' var='post'>وقم بوضع الكود التالى أسفله

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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 != &quot;true&quot;'> <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

Fourni par Blogger.