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

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

كيفية تركيب مسار التدوينة:

- ابحث عن الكود التالي.
<b:includable id='post' var='post'>
عند ايجاده ضع الكود التالي اسفله.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='cnmumasar'>
<span class='posthome'><a href='/'>الرئيسية</a></span>
<span class='posttag'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'><a expr:href='data:label.url + &quot;?&amp;amp;max-results=10&quot;' rel='tag'> <data:label.name/></a></b:loop>
</b:if></span>
<span class='massarname'><data:post.title/></span>
</div></b:if>
- اعد البحث عن الوسم التالي.
]]></b:skin>
عند ايجاده قم باضافة الكود التالي فوقه.
#cnmumasar{background:#ddd;display:block;font-size:12px;text-align:center;}
.posttag,.posthome{position: relative;}
#cnmumasar a{padding:2px 20px;font:600 12px Droid Arabic kufi, cursive;display: inline-block;}
.massarname{padding:0 15px;}
.posttag a:after,.posthome a:after{content: "";-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);transform: rotate(45deg);border: solid #fff;border-width: 0 0 4px 4px;position:absolute;left: 0px;
    right: auto;top:2px;transform: rotate(45deg);width: 27px;height: 23px;}
عند انتهاء قم بحفظ وشاهد النتيجة.