بلوجر واظهار التسميات و التعليقات

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

    شكل شريط الأيكونات على المدونة

    وضع المؤلف, التاريخ, التسميات و التعليقات على مشاركة بلوجر

    الخطوة الأولى قم بالدخول الى Dashboard\لوحة تحكم منصة بلوجر ثم اختار "قالب" وبعد ذلك اضغط على "تحرير HTML".
    لوحة تحكم بلوجر

    الخطوة الثانية قم بالضغط بزر الموس الشمال مرة واحدة داخل مربع الأكواد ثم استخدم Ctrl + F لتبحث عن اسم الكود الأتى

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

    يجب ان تعلم اذا لم يتم العثور على الكود فحاول البحث عن هذا الكود بدلاً منه


    <div class='post-header'>

    البحث عن الكود داخل القالب


    الخطوة الثالثة ضع هذا الكود أسفل الكود المذكور فى عملية البحث

    <div style="margin: 5px 0; border-bottom: 1px solid #F2F2F2;padding: 5px;"><font style='background:transparent url(http://3.bp.blogspot.com/-2E3oj50HDsc/VbmAvRfW1OI/AAAAAAAAAXc/kxRKUcMW074/author.png) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.author/></font> | <font style='background:transparent url(http://2.bp.blogspot.com/-XmeApjyDLJs/VbmAvUPmcII/AAAAAAAAAXY/UDeX0sLnjQM/clock.png) 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/-V1jyRewDLKg/VbmAviMqwVI/AAAAAAAAAXg/bm2ANx8scw0/tag.png) 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 + "?max-results=8"' rel='tag'><data:label.name/></a> 
    <b:if cond='data:label.isLast != "true"'>|</b:if> 
    </b:loop>
    </b:if></font>
    <span class='post-comment-link' style='Float:right;'>
    <b:if cond='data:blog.pageType != "item"'> 
    <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/-vO7ysh2c-R4/VbmAvawQoNI/AAAAAAAAAXw/RWi7AHBAoVI/comment.png) no-repeat;padding-left:20px;font-size:11px;'><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></div> 

    يمكنك تغير مسار صور الأيكونات ذات اللون الأحمر بمسارات أخرى إذا أردت


    الخطوة الرابعة أضغط على "حفظ النموذج" ثم "عودة".
    حفظ النموذج والعودة




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


    Modwinty
    @مرسلة بواسطة
    تقوم بعمل دروس وشروحات خاصة بمجال التكنولوجية والتقنيات الحديثة من خلال مدونتي وقناتي على اليوتيوب الى جانب تقديم حلول للمشاكل التقنية التي تفيد الزائر العربي

    إرسال تعليق

    X