مدونة معاون

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

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

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

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

* اولا اتجه الى لوحة تحكم مدونتك.

* بعدها الى المظهر (القالب).

* ثم اضغط على سهم جنب كلمة تخصيص.

* بعدها اختر تحرير html.

* الان اضغط داخل صندوق اكواد وقم بضغط على Ctrl + F من لوحة مفاتيح كمبيوتر.

* سيظهر لك مربع بحث قم بالبحث عن هذا الكود التالي.

<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;}

وفي الاخير قم بحفظ النموذج، وشاهد النتيجة، كما يمكنك تنسيقها مثل ما تريد اذا كانت لدي دراية بـ css و html، وفي الاخير اتمنى ان تنال التدوينة اعجابكم.