Blogger : طريقة إنشاء زر إقرأ المزيد لمدونتك.

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


لينتج التالي على الصفحة الرئيسية..


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

نحن يمكننا أن نغير هذه الكلمة "مزيداً من المعلومات" إلى كلمة إقرأ المزيد ومن ثم تغيير الشكل لتصبح وكأنها زر.
ويتم تغيير الكلمة عن طريق لوحة تحكم المدونة ثم الذهاب إلى البند تخطيط ومن ثم الضغط على تحرير لرسائل المدونة الإلكترونية او تابع الصور التالية..

انتقل إلى تخطيط من خلال لوحة التحكم


ثم اضغط تحرير الرسائل


ثم افعل ما بالصور التالية..




ليبقى الرابط الجديد إقرأ المزيد


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

</head> 

ثم ضع فوق منه مباشرتاً هذا الكود

    <style type='text/css'>
      .jump-link{
        background:#FF8B8B;
        float:left;
        font-size:16px;
        border:1px solid rgba(0,0,0,0);
        padding:3px 5px;
        -webkit-transition:all 0.7s ease 0 s;
        -moz-transition:all 0.7s ease 0s;
        -o-transition:all 0.7s ease 0s;
        transition:all 0.7s ease 0s;
      }
      .jump-link:hover{background:#2e2e2e}
      .jump-link:active{top:-1px;background:#eee}
      .jump-link a{color:#FFF;text-decoration:none}
    </style> 

ثم احفظ القالب وانتقل لمشاهدة المدونة لتجد التالي...



تغيرت كلمة مزيد من المعلومات إلى زر إقرأ المزيد
وعند المرور على هذا الزر بالفأرة يبقى هكذا..


واما الضغط عليه بالفأرة فيبقى هكذا..


ولمن يريد تغيير هذه الآلوان فليقوم بتغيير التالي..


1 = لون الزر
2 = لون الزر عند مرور الفأرة
3 = لون الزر عند الضغط عليه