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

باسم الله الرحمان الرحيم
اخواني الكرام لنجاح مدونتك ومساعدتها على جلب الزوار و جعلهم متابعين دائمين.من اجل ذلك جئيكم اليوم باضافة جديدة و حصرية و هي اضافة مسار التنقل داخل المدونة .مسار التنقل هذا سيساعد الزائر على معرفة القسم المتواجد فيه والذي يوجد في قسم اكبر منه وهكذا .ممايسهل على الزائر التنقل داخل المدونة ككل وداخل اقسامها الفرعية بسهولة و بسرعة .
هذا مثال للمسار داخل المدونة :   (الصفحة الرئيسية »تسمية اسم» عنوان المقال)

تركيب الاضافة :
1- من لوحة التحكم   >>>   قالب.
2- احفظ نسة من مدونتك قبل بدء العمل.
3- اضافة كود مسار التنقل داخل المدونة.
ابحث عن الكود التالي :

<b:include data='top' name='status-message'/>

انسخ فوقه الكود التالي:

<b:include data='posts' name='breadcrumb'/>

و الان ابحث عن الكود التالي(في حالة وجدت اثنين منه فالثاني هو المقصود):

<b:includable id='main' var='top'>

انسخ فوقه الكود التالي:

<!-- Breadcrumb Navigation By http://rydnet.blogspot.com// -->
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'>
 <span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pagename/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v="http://rdf.data-vocabulary.org/#">
 <span typeof="v:Breadcrumb"><a expr:href='data:blog.homepageUrl' rel="v:url" property="v:title">Home</a></span>
 <b:loop values='data:post.labels' var='label'>
 <b:if cond='data:label.isLast == "true"'>
 » <span typeof="v:Breadcrumb"><a expr:href='data:label.url' rel="v:url" property="v:title"><data:label.name/></a></span>
 </b:if>
 </b:loop>
 » <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'>
 <span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span>
</div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
 <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pagename/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
 <b:if cond='data:blog.pageName == ""'>
 <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
 <b:else/>
 <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pagename/></span>
 </b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<!-- Breadcrumb Navigation By http://rydnet.blogspot.com// -->

(هذا الكود سيظهر فقط التسمية الاخيرة للموضوع المشاهد.اما اذا كان الموضوع مدوج تحت تسميات كثيرة و اردت اظهار هذه التسميات كلها مع الموضوع المشاهد فقم بحذف الاسطر باللون الاحمر)
ثم قم بالبحث عن الكود التالي:

]]></b:skin>

وانسخ فوقه كود css التالي:

.breadcrumbs {
background: #F7F7F7;
float: left;
border: 1px solid #E6E6E6;
width: 575px;
font-size: 11px;
margin: 10px 10px 10px 10px;
padding: 5px 10px 5px 10px;
}

واخيرا احفظ القالب و قم بمعاينة الاضافة الجديدة
مع تحيات حمزة رمزي........

rydnet

[اذا اعجبك الموضوع هذه روابط النشر]

URL Of Post:

http://rydnet.blogspot.com/2013/05/breadcrumbs-navigation-widget-for-blogger.html

Paste This HTML Code On Your Page:

<a href="http://rydnet.blogspot.com/2013/05/breadcrumbs-navigation-widget-for-blogger.html">اضافة مسار التنقل داخل مدونة بلوجر</a>

رابط الاضافة