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

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

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

اعلى صندوق التعليقات فى مدونات بلوجر وقد 

قمنا بشرح الطريقة اضافة الاضافة للمدونة بطريقتين بشرح مفصل في كل طريقة 

وفي موضوعنا اليوم سنقوم بشرح كيفية اضافة وقت النشر والتصنيف ( اسم القسم ) 

واسم كاتب الموضوع وعدد التعليقات على الموضوع

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

التي لا توجد بها فكما تعلمون انه هناك بعض 

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

التعديل على قالب المدونة .

كما ان الاضافة تعطي شكل جمالي اثناء تصفح مواضيع المدونة كما انها تساعد الزوار 

في معرفة وقت نشر الموضوع والقسم التابع له في المدونة 

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

 المتجاوبة ولكن هناك عدد كبير من القوالب لا توجد بها تلك الاضافة .

لا تقلق الاضافة سهلة جدا في اضافتها في قالب المدونة لا تحتاج الى الكثير من الخبرة 

في التعامل مع اكواد قالب المدونة كل ما 

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

ولان سنقوم بشرح اضافة الوقت والتصنيف وعدد التعليقات على موضوعات المدونة

اولاً ستكون الاضافة الى هذا الشكل ولكن للعلم انا قمت بالتعديل عليه ليناسب شكل قالب المدونة لدي


ثانياُ نقوم بالذهاب الى لوحة تحكم المدونة >>> ثم نقوم بأخيار قالب >>> ونختار تحرير html 

وذلك شرح بالصور

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

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

المدونة وفي الدرس القادم سنقوم بشرح كيفية اخذ نسخة والاحتفاظ بها من قالب المدونة لديك

ثالثا بعد ان اخذنا نسخة احتياطية من قالب المدونة نقوم بالضغط على تحرير html 

ثم نقوم بالوقوف داخل القالب ونقوم بالضغط على CTRL + F من لوحة المفاتيح

 ليظهر لنا مربع البحث search كما هو ظاهر 

في الصورة التالية

ونقوم بالبحث عن الكود التالي

<div class='post-header-line-1'/>

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

يظهر لك في الاول عند البحث وبعد ان تجده نقوم بأضافة الكود التالي اعلاه ( فوقه )

<font style='background:transparent url(http://1.bp.blogspot.com/-Fx4uqjXYIjM/UGtE9s5PxzI/AAAAAAAAOE8/ujl6K8ZpUBA/s1600/author.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.author/></font> | <font style='background:transparent url(http://4.bp.blogspot.com/-1BVLoqemMeg/UGtE_WIOhoI/AAAAAAAAOFI/lQiVriC0-Eo/s1600/clock-icon.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.timestamp/></font> | <font style='background:transparent url(http://1.bp.blogspot.com/-a7-9Mb7rlCI/UGtFIDs9N5I/AAAAAAAAOGU/yrgNClLeSEs/s1600/tag+icon.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url + &quot;?max-results=8&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>|</b:if></b:loop></b:if></font><span class='post-comment-link' style='Float:right;'> <b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:post.allowComments'> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='background:url(http://4.bp.blogspot.com/-FcBsCCGzT6s/UGtFAIemk9I/AAAAAAAAOFU/dTQzsdglP54/s1600/comment-icon.png) no-repeat;Padding-left:20px;'><b:if cond='data:post.numComments == 0'>ليست هناك تعليقات<b:else/> <b:if cond='data:post.numComments == 1'><data:post.numComments/> Comment so far<b:else/><data:post.numComments/>عدد التعليقات</b:if> </b:if></a> </b:if> </b:if> 

</span>