أهلا وسهلا بك عزيزي الزائر في المدونة التعليمية للحاسوب فما رأيك بالقالب الجديد؟؟

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

السلام عليكم ورحمة الله تعالى وبركاته

 أقدم لكم إخوتي الكرام
أفضل وأهم إضافات البلوجر وهي

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

حيث ستسهل عليك رؤية كم من تعليق بكل تدوينة
بدون الللجوء إلى الدخول إليها ورؤية هل من تعليقات جديدة
كما انها تسهل على الزائر رؤية التسميات التي قد تساعده في إيجاد مبتغاه

صورة الإضافة الراقية


شرح الإضافة

وكالعادة نذهب إلى

   Dashboard > Template >Edit Html

لاتنسى الضغط على توسيع القالب

باستعمال Ctrl+F إبحث عن الكود التالي

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

وإذا لم تجده إبحث عن الكود التالي

<div class='post-header'>

ثم أنسخ الكود التالي قبل أحد الأكودين
<font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi54Tjqf_K8jqLiUF6B4R1d-GuK_HKAz65LacZ-FdbSsGfzoZBFxupi4oO-VplotX2eRIlCvWqWuFT8ZfdMzbjB3IUF_GFoylcE0p8XcwbXyIIhLNTvYuhnU5jl3xz9NHFUfsfJBXdV3fTI/s1600/author.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.author/></font> | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFfuYvs_ptUgaYaw5azDNNe3UEQpTuyMu6OwpQAOJT9Y-NnOHcMnxum6XIIdaQAThPaaF8vVa5QYaXgpox9Zl1_AkjtBB0TeCd7QLgKl7gb73T4vXFZumaMojNYuReRDwj0_oAO-AZ6Kb1/s1600/clock_icon.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.timestamp/></font> | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkPhBNNf2rhKAvrRsZJ7b6Do0_MrriDU7CGy0FpL5IclPcOkxx-rrdStjpxVzLrpttzSNeEFoBnVNWuWR3Zkvb8O0zJNRlWyLcHnmf69zb7SrwGUJvZqiU8ZR85gn3l3dPCVDBuF9qqkQG/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRemBTPbVDsWE-ONVwbLJL1ziQPsAQzJHHNT4Sj3ngHrXd7pmqMQJnRsH6twamZrs39M86xl7squSswUlFA3x19p7Lpxc_L5IA9yqp8EzoA9L8XzADhpiV8bl_eMMKWruR7Tz9w4OxKntV/s1600/comment-icon.png) no-repeat;Padding-left:20px;'><b:if cond='data:post.numComments == 0'>Be the first to comment!<b:else/> <b:if cond='data:post.numComments == 1'><data:post.numComments/> Comment so far<b:else/><data:post.numComments/> Comments so far</b:if> </b:if></a>
          </b:if>
        </b:if>
      </span>

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

والمرجوا التعليقات
 

 

آخر مقالات المدونة

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

إرسال تعليق

إذا أردت عزيزي الزائر إدراج فيديو من يوتوب بتعليق قم بالتالي
[youtube]رابط فيديو يوتوب هنا[/youtube]
كما يمكنك إدراج صورة عبر الكود التالي
[img]رابط صورتك هنا[/img]

جميع الحقوق محفوظة لمدونة المدونة التعليمية للكومبيوتر 2013

تصميم : بويردن