مرحبا بكم في موقع مبدع بلوجر !

دروس بلوجر : طريقة اضافة مسار التدوينة قبل عنوان التدوينة

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

هام : اولا قبل انضيف هته الاضافة نقوم باخد للقالب نسخة لنتجنب المشاكل.

لوحة التحكم > القالب > تحرير Html > ونبحث عن الكود التالي :


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

وبعد ذلك نقوم بعمل مكان الكود الذي وجدناه بهذا الكود التالي :

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

والآن نقوم بعمل بحث مرة آخرى عن هذا الكود :


<b:includable id='main' var='top'>
بعدما وجدنا الكود نقوم بوضع هذا الكود فوقه مباشرة

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>الرئيسية</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- 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' property='v:title' rel='v:url'>الرئيسية</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
 &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
 &#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>الرئيسية</a></span> &#187; <span/> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>الرئيسية</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>الرئيسية</a></span> &#187; <span>جميع المواضيع</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>الرئيسية</a></span> &#187; <span> <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
وتتبقى الخطوة الآخيرة والتي هي البحث عن هذا الكود :


]]></b:skin>
ونضع هذا الكود قبله مباشرة :

/*-------breadcrumbs-----*/
@font-face {
font-family: 'mobde3blogger';
src: url('http://www.hawaalive.com/girl-games/themes/default/assets/fonts/ge_dinar.eot');
src: local("â&#732;º"), url('http://www.hawaalive.com/girl-games/themes/default/assets/fonts/ge_dinar.eot?#iefix') format('embedded-opentype'), url('http://www.hawaalive.com/girl-games/themes/default/assets/fonts/ge_dinar.otf') format('opentype');
font-weight: normal;
}
.@font-face {
font-family: 'JF Flat';
src: url('https://alinaeliq-cssfile.googlecode.com/svn/trunk/jfflatfont/JF-Flat-regular.eot');
src: url('https://alinaeliq-cssfile.googlecode.com/svn/trunk/jfflatfont/JF-Flat-regular.eot?') format('embedded-opentype'),
url('https://alinaeliq-cssfile.googlecode.com/svn/trunk/jfflatfont/JF-Flat-regular.woff') format('woff'),
url('https://alinaeliq-cssfile.googlecode.com/svn/trunk/jfflatfont/JF-Flat-regular.ttf') format('truetype');
}
breadcrumbs {
padding: 5px 5px 5px 0px;
background-color: #FAFAFA;
border: 1px solid #DADADA;
}
.breadcrumbs span {
font: 13px mobde3blogger;
color: #5C5B5B;
}
.breadcrumbs a {
text-decoration: none;
color: #00b5b5;
font-family: JF flat;
font-size: 16px;
}

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

اذا اعجبكم الموضوع لاتبخلو علينا بلايك وكمونت لتشجيعنا وتقديم الافضل.

هناك 9 تعليقات:

  1. شكرا لك اخي جلال على الاضافة

    ردحذف
  2. اضافة جميلة،شكراً لك
    تم التطبيق هنا : المدون

    ردحذف
  3. شكرا لك اخي جلال على الاضافة

    ردحذف
  4. والله الاضافة 100% والشرح وافي ومميز

    ردحذف
  5. الردود
    1. ازاي اغيرة من اللون الازرق الي الاسود ؟

      حذف
    2. لازم بتوك بتعرف لغة Css

      حذف

ملحوظة: يمكن لأعضاء المدونة فقط إرسال تعليق.