إضافة الكاتب و الوقت و التسميات وعدد التعليقات أسفل عنوان كل تدوينة



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

اتبع هاته الخطوات لتركيب هاته الإضافة :
  • توجه إلى لوحة التحكم =>اختر تصميم => تحرير HTML
  • قم  بتوسيع القالب , “و لا تنسى أخذ نسخة احتياطية من قالب مدونتك تحسبا لأي خطأ”
  • وأبحث عن الكود التالي : <div class='post-header-line-1'>
  • إذا لم تجد <div class='post-header-line-1'> فقم بالبحث عن : <div class='post-header'>
  • بعد إيجاد الكود المطلوب قم بإضافة هذا الكود فوقه مباشرة :
<font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh91d2e8mvwMq2UuK1YrV79k4Uw9eXgNqcw1Q5_T0bcNgB4AT_ozfFTvC5Ff9VpC2vuf8QGYbijI3PQk3x9EDgsabCT1BPWTaBQAIZ4mD3Z6_R8HWGKXKHWDnZ5vljjs01Dm4QnEmq5afc/s1600/user.png) no-repeat scroll top right;padding-right:25px;font-size:11px;'><data:post.author/></font> | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYfhQ5n3qRG_ivguDoUUwMjs6b6h7TRW3jzqlOZsNw2WFiM9GGInBTRYZ55URNQVaPzmQoZrfwInwBzl8_xM6I4utVA5FZNZydOff0zkTWu1NBjMAYx9mqv4MlEsq7p51r9ETrZ__d7u0/s1600/clock.png ) no-repeat scroll top right;padding-right:25px;font-size:11px;'><data:post.timestamp/></font> | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf3oMB2FcMXTG9LZkPDofXlGpL_o-4yuBGalS_8rBv0ej9SxjK90HquHYHFGPvfTCDoMoOIL0nvn_XgQyjrTpkghxJxb2M5RPHSEj9QdvxmF_iGwQFbl6KX2ZoPwRA93EbdAXvlHhG9UQ/s1600/folder.png) no-repeat scroll top right;padding-right: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:left;'> 
<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( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHC5J4doS279UCiPDqAHPmKzyrMT6P2mlpQ4JwQ8Deh28d7v-rH9ZFzWk_CaapeUH7LONXIg4AwywMDXFZXd30l8dwUcFCRdtWAk2SspcK3AqWiVVyaPQLrjaAb2zI4gpUWtcimKRPl5M/s1600/comment.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/>تعليقات<b:else/><data:post.numComments/>تعليقات</b:if> </b:if></a> 
</b:if> 
</b:if> 

أتمنى أن يكون الدرس في متناول الجميع,في حال كان هنالك أي إستفسار لا تترددوا في وضع  إستفساراتكم في تعليق.
المرجو دعم الموقع من خلال الإشتراك على صفحاتنا على المواقع الإجتماعية و مشاركة الدروس مع أصدقاءكم.


هل أعجبك الموضوع ؟

ضع تعليقا أخي الكريم

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

إرسال تعليق


جميع الحقوق محفوظة مطوري الحاسوب ©2012-2013 | ، نقل بدون تصريح ممنوع . Privacy-Policy