إضافة مسار التدوينة في مدونات بلوجر
يعتبر مسار الموضوع او مسار التدوينة من إضافات مهمة التي تسهل على الزائر عناء البحث ، وهو يتصفح مدونتك، وايضا فهي تبقي وقت اطول مثلها مثل مواضيع ذات صلة ، ولذلك ففي هذه التدوينة سأقدم لكم شرح كيفية اضافة مسار التدوينة ، كما تتميز هذه الاضافة بسهولة التركيب وتنسيق وايضا فهي خفيفة ولا تحتوي على سكريبتات التي تسبب في ثقل المدونة ، كما ان هذه إضافة مصنوعة من اكواد بلوجر ولا يوجد اى شئ اضافي فيها ، كما انها لا تسبب ثقل في المدونة او أي أخطاء. وحتى كي لا اطيل عليكم الى شرح كيفية تركيب مسار التدوينة.
كيفية تركيب و إضافة مسار التدوينة:
* اولا اتجه الى لوحة تحكم مدونتك.
* بعدها الى المظهر (القالب).
* ثم اضغط على سهم جنب كلمة تخصيص.
* بعدها اختر تحرير html.
* الان اضغط داخل صندوق اكواد وقم بضغط على Ctrl + F من لوحة مفاتيح كمبيوتر.
* سيظهر لك مربع بحث قم بالبحث عن هذا الكود التالي.
<b:includable id='post' var='post'>
عند ايجاده قم باضافة الكود التالي اسفله.
<b:if cond='data:blog.pageType == "item"'>
<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 + "?&amp;max-results=10"' 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;}
وفي الاخير قم بحفظ النموذج، وشاهد النتيجة، كما يمكنك تنسيقها مثل ما تريد اذا كانت لدي دراية بـ css و html، وفي الاخير اتمنى ان تنال التدوينة اعجابكم.