اضافة فتات الخبز Breadcrumb في بلوجر و فوائدها

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

مهم جداً : دورة بلوجر من البداية إلى الإحتراف

اضافة فتات الخبز Breadcrumb في بلوجر

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

فتات الخبز Breadcrumb

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

فتات الخبز في الموضوع

تركيب فتات الخبز لمدونات بلوجر

ادخل على لوحة تحكم المدونة > ادخل على الظهر > ادخل على تحرير HTML.
ابحث بـ Ctrl+F عن كلمة <b:includable id='post' var='post'>
تحت هذا الكود مباشرة ضع هذا الكود الكبير

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><!--
Breadcrumbs microdata markup added by www.superwebtricks.com START. -->
<div class='swtBreadCrumbs'>
<a expr:href='data:blog.homepageUrl' itemprop='url' title='Home'>
<span itemprop='title'> الرئيسية </span></a>&#187;
<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='Categories'>
<span itemprop='title'><data:label.name/></span>
</a>
</span>
<b:if cond='data:label.isLast != &quot;true&quot;'>|
</b:if>
</b:loop>
</b:if>
&#187;
<a expr:href='data:post.url' itemprop='url' title='Post Title'>
<span itemprop='title'>
<data:post.title/>
</span>
</a>
</div>
</div>
</b:if><!--
Breadcrumbs microdata markup added by Showeblogin END. -->

وابحث مره ثانيه بـ Ctrl+F عن </b:skin>
وضع فوقه هذا الكود

/*
Blogger Breadcrumbs added by www.superwebtricks.com
--------------------------------------------------*/
.swtBreadCrumbs{width:auto;padding:0 0 5px 0;margin:0 0px;font-size:95%;border:2px solid #234f81;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;padding: 5px;text-align: right;color:#000;background:#fff;background:-moz-linear-gradient(top,#C3B9A8,#F3F1E6);background:-ms-linear-gradient(top,#C3B9A8,#F3F1E6);background:-o-linear-gradient(top,#C3B9A8,#F3F1E6);background:linear-gradient(top,#C3B9A8,#F3F1E6);line-height:22px}

أنا قمت بالتعديل على الأكواد ليظهر شكلها جميل ورائع للقوالب العربيه، وإذا أردت نفس الأكواد ولكن للمواقع الأجنبيه اكتب في تعليق وسيتم الرد عليك بالأكواد.

للمزيد من مواضيع بلوجر تجدها في هذا القسم "بلوجر" وإذا واجهت أي مشاكل او تريد استفسار اكتبه في تعليق وسيتم الرد عليك في اقرب وقت ممكن.

مصدر الاكواد

تعديل المقال