إضافة أنت الآن في

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

طريقة التركيب :

الأمر سهل لكنه في نفس الوقت صعب حيث أنك سوف تجبر على تكرير العملية عديد المرات حتى تنجح .. لكن سوف احاول ان أبسط لكم إلى أقصى حد.

1. 1. طبعا يتوجب الدخول إلى لوحة التحكم

2. الآن ندخل إلى القالب

3. لا تنسوا أخذ نسخة إحتياطية من القالب

4.تحرير HTML

والآن نبحث عن الكود التالي :

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

وقم بلصق هذا الكود بعده

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

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

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

وأضف بعده مباشرة / تحته الكود التالي (ربي يعينكم شوي تعب فقط )

<!-- Breadcrumb Navigation By http://arblab.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'>الرئيسية</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">الرئيسية</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'>الرئيسية</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'>الرئيسية</a></span> « <span>أرشيف لـ <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'>الرئيسية</a></span> « <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>الرئيسية</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://arblab.blogspot.com/ -->

ملاحظة مهمة جدا : هذا الكود مبرمج ليعرض آخر تسمية في شريطه، إذا أردت عرض كل التسميات المستعملة إبحث عن الكود ذو الخلفية الحمراء وأزله ومبروك عليكم جميعا 

الخطوة الأخيرة :
نبحث عن : ]]></b:skin>
ونضيف قبله مباشرة فوقه

.breadcrumbs {

background: #F7F7F7;

float: left;

border: 1px solid #E6E6E6;

width: 575px;

font-size: 11px;

margin: 10px 10px 10px 10px;

padding: 5px 10px 5px 10px;

}