0 جذابة انزلاق أزرار تحوم نمط لبلوجر

هذا هو جذابة تأثير زر كس ل bloggers.You يمكن إضافة هذا إلى المدون. إم باستخدام كس و هتمل لهذه الأزرار. في هذه الأزرار تحوم تأثير جذابة جدا، لها انزلاق تأثير. يمكنك التحقق أدناه الارتباط التجريبي للتحقق من ذلك.أزرار المقالات

عرض

1. قم بتسجيل الدخول إلى حساب المدون وانقر على القائمة المنسدلة.

2. الآن حدد " قالب " مثل أدناه.

3. الآن يمكنك ان ترى لايف على بلوق، انقر فوق تحرير هتم L زر "

4. الآن انقر فوق زر متابعة .

5. ابحث عن هذا الرمز باستخدام كترل + F ]]> </ b: سكين>

6. لصق أدناه رمز قبل ]]> </ b: الجلد> الشفرة

  اللا-BTN { 
      خلفية: # 80a9da. 
      باكغروند: -webkit-غرادينت (لينير، ليفت توب، ليفت بوتوم، كولور-ستوب (# 80a9da، 0)، كولور-ستوب (# 6f97c5،1))؛ 
      باكغروند: -webkit-لينير-غرادينت (توب، # 80a9da 0٪، # 6f97c5 100٪)؛ 
      باكغروند: -moz-لينير-غرادينت (توب، # 80a9da 0٪، # 6f97c5 100٪)؛ 
      باكغروند: -o-لينير-غرادينت (توب، # 80a9da 0٪، # 6f97c5 100٪)؛ 
      باكغروند: لينير-غرادينت (توب، # 80a9da 0٪، # 6f97c5 100٪)؛ 
      فيلتر: بروجيد: DXImageTransform.Microsoft.gradient (ستارتكولورستر = '# 80a9da'، إندكولورستر = '# 6f97c5'، غرادينتيب = 0)؛ 
      الحشو اليسرى: 20px؛ 
      الحشو اليمين: 80px؛ 
      الطول: 38px؛ 
      عرض: مضمنة كتلة. 
      الموقف: النسبية. 
      بوردر: 1px سوليد # 5d81ab؛ 
      -webkit-بوكس-شادو: 0px 1px 1px رغبا (255،255،255،0.8) إنسيت، 1px 1px 3px رغبا (0،0،0،0.2)، 0px 0px 0px 4px رغبا (188،188،188،0.5)؛ 
      -moz-بوكس-شادو: 0px 1px 1px رغبا (255،255،255،0.8) إنسيت، 1px 1px 3px رغبا (0،0،0،0.2)، 0px 0px 0px 4px رغبا (188،188،188،0.5)؛ 
      بوكس-شادو: 0px 1px 1px رغبا (255،255،255،0.8) إنسيت، 1px 1px 3px رغبا (0،0،0،0.2)، 0px 0px 0px 4px رغبا (188،188،188،0.5)؛ 
      -webkit الحدود نصف قطرها: 20px؛ 
      -moz الحدود نصف قطرها: 20px؛ 
      الحدود بين دائرة نصف قطرها: 20px؛ 
      تعويم: اليسار؛ 
      واضحة على حد سواء؛ 
      مارجين: 10px 0px؛ 
      إخفاء الفائض؛ 
      -webkit-ترانزيتيون: آل 0.3s لينير؛ 
      -moz-ترانزيتيون: آل 0.3s لينير؛ 
      -o-ترانزيتيون: جميع 0.3s الخطية. 
      الانتقال: جميع 0.3s الخطية. 
  } 
  اللا-BTN النص { 
      الحشو أعلى: 8px؛ 
      العرض محجوب؛ 
      FONT-SIZE: 18px؛ 
      أبيض الفضاء: بلا التفاف. 
      تكست-شادو: 0px 1px 1px رغبا (255،255،255،0.3)؛ 
      اللون: # 446388؛ 
      -webkit-ترانزيتيون: كل 0.2 ثانية الخطية. 
      -moz-ترانزيتيون: كل 0.2 ثانية الخطية. 
      -o-ترانزيتيون: كل 0.2 ثانية الخطية. 
      الانتقال: جميع 0.2 ثانية الخطية. 
  } 
  اللا-BTN الانزلاق النص { 
      الموقف: مطلقة؛ 
      الطول: 100٪؛ 
      قمة: 0px؛ 
      اليمين: 52px؛ 
      عرض: 0px؛ 
      خلفية: # 63707e. 
      تكست-شادو: 0px -1px 1px # 363f49؛ 
      اللون: # الاتحاد الفرنسي. 
      FONT-SIZE: 18px؛ 
      أبيض الفضاء: بلا التفاف. 
      النص تحويل: الأحرف الكبيرة. 
      محاذاة النص: غادر؛ 
      النص في الهامش: 10px؛ 
      إخفاء الفائض؛ 
      خط الطول: 38px؛ 
      -webkit-بوكس-شادو: -1px 0px 1px رغبا (255،255،255،0.4)، 1px 1px 2px رغبا (0،0،0،0.2) إنسيت؛ 
      -moz-بوكس-شادو: -1px 0px 1px رغبا (255،255،255،0.4)، 1px 1px 2px رغبا (0،0،0،0.2) إنسيت؛ 
      بوكس-شادو: -1px 0px 1px رغبا (255،255،255،0.4)، 1px 1px 2px رغبا (0،0،0،0.2) إنسيت؛ 
      -webkit-ترانزيتيون: ويدث 0.3s لينير؛ 
      -moz-ترانزيتيون: ويدث 0.3s لينير؛ 
      -o-ترانزيتيون: عرض 0.3s الخطية. 
      الانتقال: عرض 0.3 ثانية الخطية. 
  } 
  اللا-BTN-رمز-الحق { 
      الموقف: مطلقة؛ 
      اليمين: 0px؛ 
      قمة: 0px؛ 
      الطول: 100٪؛ 
      العرض: 52px؛ 
      بوردر-ليفت: 1px سوليد # 5d81ab؛ 
      -webkit-بوكس-شادو: 1px 0px 1px رغبا (255،255،255،0.4) إنسيت؛ 
      -moz-بوكس-شادو: 1px 0px 1px رغبا (255،255،255،0.4) إنسيت؛ 
      بوكس-شادو: 1px 0px 1px رغبا (255،255،255،0.4) إنسيت؛ 
  } 
  .a-بتن-إيكون-رايت سبان { 
      العرض: 38px؛ 
      الطول: 38px؛ 
      التعتيم: 0.7. 
      الموقف: مطلقة؛ 
      اليسار: 50٪؛ 
      أعلى: 50٪؛ 
      مارجين: -20px 0px 0px -20px؛ 
      باكغروند: ترانزبارنت ورل (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvdU-3SOWSE1-JEXIeMxVTspz9GN3RJxnXoqPoTfQHzOmegQcZ5UWb2aDdqD6PMVkIYLwRSBve3dH81ww6Am2h8LG60W-PTshymEesAOpGpjwh6rITHaxDFgY-jYv2HcK4sUbniNi6Hv0/s1600/arrow_right.png) نو-ريبيت 50٪ 55٪؛ 
      -webkit-ترانزيتيون: آل 0.3s لينير؛ 
      -moz-ترانزيتيون: آل 0.3s لينير؛ 
      -o-ترانزيتيون: جميع 0.3s الخطية. 
      الانتقال: جميع 0.3s الخطية. 
  } 
  اللا-BTN: تحوم { 
      الحشو اليمين: 180px؛ 
      -webkit-بوكس-شادو: 0px 1px 1px رغبا (255،255،255،0.8) إنسيت، 1px 1px 3px رغبا (0،0،0،0.2)؛ 
      -moz-بوكس-شادو: 0px 1px 1px رغبا (255،255،255،0.8) إنسيت، 1px 1px 3px رغبا (0،0،0،0.2)؛ 
      بوكس-شادو: 0px 1px 1px رغبا (255،255،255،0.8) إنسيت، 1px 1px 3px رغبا (0،0،0،0.2)؛ 
  } 
  .a-بتن: هوفر .a-بتن-تكست { 
      تكست-شادو: 0px 1px 1px # 5d81ab؛ 
      اللون: # الاتحاد الفرنسي. 
  } 
  .a-بتن: هوفر .a-بتن-سليد-تكست { 
      العرض: 100px؛ 
  } 
  .a-بتن: هوفر .a-بتن-إيكون-رايت سبان { 
      التعتيم: 1؛ 
  } 
  اللا-BTN: نشطة { 
      الموقف: النسبية. 
      أعلى: 1PX. 
      خلفية: # 5d81ab. 
      -webkit-بوكس-شادو: 1px 1px 2px رغبا (0،0،0،0.4) إنسيت؛ 
      -moz-بوكس-شادو: 1px 1px 2px رغبا (0،0،0،0.4) إنسيت؛ 
      بوكس-شادو: 1px 1px 2px رغبا (0،0،0،0.4) إنسيت؛ 
      الحدود بين اللون: # 80a9da. 
  } 
 

7. انتقل إلى المدون وانقر على المنسدلة مثل الخطوة 1 وحدد تخطيط

8- انقر على إضافة أداة وحدد "هتمل / جافاسكريبت "

9. لصق التعليمات البرمجية أدناه.

  <ديف كلاس = "بوتون-ورابر"> 
        <a href="Button URL" class="a-btn"> 
        <سبان كلاس = "a-بتن-تكست"> سجل الآن </ سبان> 
        <سبان كلاس = "a-بتن-سليد-تكست"> أنه مجاني! </ سبان> 
        <سبان كلاس = "a-بتن-إيكون-رايت"> <سبان> </ سبان> </ سبان> 
        </A> 
        <a href=" زر عنوان ورل "class="a-btn"> 
        <سبان كلاس = "a-بتن-تكست"> أن تصبح عضوا </ سبان> 
        <سبان كلاس = "a-بتن-سليد-تكست"> الاشتراك! </ سبان> 
        <سبان كلاس = "a-بتن-إيكون-رايت"> <سبان> </ سبان> </ سبان> 
        </A> 
        <a href=" زر عنوان ورل "class="a-btn"> 
        <سبان كلاس = "a-بتن-تكست"> أدخل </ سبان> 
        <سبان كلاس = "a-بتن-سليد-تكست"> تسجيل الدخول! </ سبان> 
        <سبان كلاس = "a-بتن-إيكون-رايت"> <سبان> </ سبان> </ سبان> 
        </A> 
        <a href=" زر عنوان ورل "class="a-btn"> 
        <سبان كلاس = "a-بتن-تكست"> الحصول على حساب </ سبان> 
        <سبان كلاس = "a-بتن-سليد-تكست"> مجانا! </ سبان> 
        <سبان كلاس = "a-بتن-إيكون-رايت"> <سبان> </ سبان> </ سبان> 
        </A> 
  </ div> 

 

* استبدال زر ورل

10. الآن حفظ القالب الخاص بك. انتهيت.