English تم الإنتقال للبوابة الجديدة والتسجيل من هنا

تطوير المواقع : تركيب السكربتات والبرمجيات وقواعد البيانات والهاكات و ستايلات المنتديات و ترقيع الثغرات

Blogger : إصنع زر إقرأ المزيد لمدونتك.

Blogger : إصنع زر إقرأ المزيد لمدونتك.

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

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

لينتج التالي على الصفحة الرئيسية..
Blogger المزيد لمدونتك.

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

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

انتقل إلى تخطيط من خلال لوحة التحكم
Blogger المزيد لمدونتك.

ثم اضغط تحرير الرسائل
Blogger المزيد لمدونتك.

ثم افعل ما بالصور التالية..
Blogger المزيد لمدونتك.

Blogger المزيد لمدونتك.

ليبقى الرابط الجديد إقرأ المزيد
Blogger المزيد لمدونتك.

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

كود PHP:
    <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
ثم احفظ القالب وانتقل لمشاهدة المدونة لتجد التالي...

Blogger المزيد لمدونتك.

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

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

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

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

لا تنسى بعد الانتهاء ان تحفظ القالب

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


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


بارك الله فيك وجزاك الله كل خير


بارك الله فيك وجزاك الله كل خير
وفيكم بارك الله أخي الحبيب


بارك الله فيك استاذنا الحبيب احمد صالح
تم تحويل الشرح لكتاب الكتروني
هنا


بارك الله فيك


يعطيك العافية وبارك الله فيك


بارك الله فيك وفي علمك
ووفقك لكل خير


بارك الله فيك وفي علمك
ووفقك لكل خير
وفيكم بارك الله أخي الحبيب
شكراً لك