كيفية اضافة اقسام المشاركة اسفل عنوان التدوينة لزيادة الأرشفة

مرحبا زوار ومشاركين مدونة كينج نت درسنا اليوم يتحدث عن كيفية اضافة اقسام

المشاركة اسفل عناوين التدوينة طريقة ليست جديدة على اصحاب الخبرة بهذا المجال

فقررت ان اضع هذه الطريقة لمن يحتاجها وبالأخص من المدونين الذين يعنون من

عدم وجود اقسام المشاركة بالتدوينة نفسها فهذه الطريقة مفيدة جدا وان شاء الله تأتى

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

 شرح تركيب الأضافة :

 فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالبالأن اضغط على تحرير HTML

الان اضغط على CTRL + F من الكيبورد لظهور عملية البحث عن الأكود بالمتصفح

ابحث عن هذا الكود :

]></b:skin>

ضع قبلة مباشرة هذا الكود :

 div.tag{font-size:11px; padding-top:5px; color:#999999; margin-bottom:10px;}

.profileImage{float:left; margin:3px 6px 2px 0px; background:#FFF; padding:4px;}

.post-tag{font-family:Georgia, &quot;Times New Roman&quot;, Times, serif; font-size:12px; margin-bottom:10px;}

.post-tag a:link, .post-tag a:visited{color:#666; text-decoration:none; font-style:italic;}

 ثم ابحث عن هذا الكود :

<b:if cond='data:post.link'>

<a expr:href='data:post.link'><data:post.title/></a>

<b:else/>

<b:if cond='data:post.url'>

<a expr:href='data:post.url'><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</b:if>

</h3>

</b:if>

ضع بأسفلة مباشرة هذا الكود :

<!-- TAG -->

<div class='post-tag'> <b style='border-right:solid 1px #CCCCCC; padding-right:10px; margin-right:10px;'>Tag</b>

<b:if cond='data:post.labels'>

<b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url+ &quot;?max-results=10&quot;' rel='tag' style='border-right:solid 1px #CCCCCC; padding-right:10px; margin-right:10px;'>

<data:label.name/>

</a>

<b:if cond='data:label.isLast != &quot;true&quot;'/>

</b:loop>

</b:if>

</div>

بمعنى ان نضع الكود اسفل الكود السابق مثال لذلك : هكذا

 <b:if cond='data:post.link'>

<a expr:href='data:post.link'><data:post.title/></a>

<b:else/>

<b:if cond='data:post.url'>

<a expr:href='data:post.url'><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</b:if>

</h3>

</b:if>

<!-- TAG -->

<div class='post-tag'> <b style='border-right:solid 1px #CCCCCC; padding-right:10px; margin-right:10px;'>Tag</b>

<b:if cond='data:post.labels'>

<b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url+ &quot;?max-results=10&quot;' rel='tag' style='border-right:solid 1px #CCCCCC; padding-right:10px; margin-right:10px;'>

<data:label.name/>

</a>

<b:if cond='data:label.isLast != &quot;true&quot;'/>

</b:loop>

</b:if>

</div>

 الأن بأمكانك ان تضغط على زر معاينة لتشاهد النتيجة اذا اعجبتك هذه الطريقة قم بالضغط على زر حفظ تغيرات القالب ومثال لهذه الطريقة تجدها بمدونة كينج نت كما تلاحظون اقسام التدوينة اسفل عناوين المشاركة

ملحوظة : 

 اذا كنت تريد تغير كلمة Tag الى اى كلمة تريدها قم بتغير الكلمة المحددة باللون الأصفر اما اذا كنت تريد وضع صورة مكان كلمة Tag ضع هذا الكود مكانها :

<img src='رابط الصورة'/>

 الأن ضع رابط الصورة الذى تريدها ولكن يفضل ان تكون الصورة صغيرة الجم لعدم تشهوة المدونة والمقاس المناسب لهذه الصورة يفضل ان تكون 17x19

 مصدر هذه التدوينة اخذتها من مدونة http://www.anshuldudeja.com

 انتهى الشرح وارجو ان هذه التدوينة اعجبتكم وانتظرونى بتدوينة اخرى جديدة ومفيدة (( لا خير فى كاتم العلم ))