-->
إغلاق القائمة
اضافة ازرار المعاينة والتحميل لمدونات بلوجر بشكل جميل و بسهولة 2017

اضافة ازرار المعاينة والتحميل لمدونات بلوجر بشكل جميل و بسهولة 2017


    بالطبع تتواجد الكثير من الاشكال لازرار المعاينة والتحميل ولكن عدنا لكم بازرار بشكل فلات والوان متناسقة ايضا يمكنك تغييرها وهو كود " CSS " بسيط مع تأثير " hover " لا يلزم الكثير من الخبرات ايضا يمكنك عمل معاينة للازرار عبر زر المعاينة . 
    كيفية اضافة ازرار المعاينة والتحميل
     1. اذهب الى لوحة التحكم فى بلوجر - تسجيل الدخول 
    2. انتقل الى قسم قالب 
    3. اضغط على زر تحرير 
    HTML 4. ضع الكود التالي فوق ]]>
    #wrap {margin:20px auto;text-align:center;} a.btn {display:inline-block;position:relative;font-family:'Droid Arabic Kufi',sans-serif;text-decoration:none;font-weight:700;background:#30abd5;padding:10px 20px;margin:10px;color:#fff;box-shadow:inset 0 0 0 #22313F;font-size:16px;text-transform:uppercase;border-radius:3px;transition:all 0.3s ease-out;} a.btn:hover {background:#30abd5;color:#fff;box-shadow:inset 0px -50px 0px #22313F;} a.btn:active {color:#05555e;box-shadow:inset 0px -50px 0px #f5f7fa;} a.btn.warn {background:#f5f7fa;color:#05555e;box-shadow:inset 0 0 0 #30abd5;} a.btn.warn:hover {background:#f5f7fa;color:#fff;box-shadow:inset 0px -50px 0px #30abd5;} a.btn.warn:active {color:#fff;box-shadow:inset 0px -50px 0px #30abd5;} 0px -50px 0px #30abd5;}

     5. اضغط على حفظ النموذج
    6. الان عند كتابة موضوع اذهب الى خانة HTML وتضع الكود التالي :
     7. الى هنا انتهى الموضوع ، نأمل ان تكون استفدت .

    مقالات متعلقة

    إرسال تعليق