آخر الأخبار

الخميس، 26 مايو 2016

زر المشاهدة والتحميل لمدونات بلوجر بشكل جديد وأحترافي 2016



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

فريق عمل مدونة هوم بلوجر يقدم لكم زر المشاهدة وزر التحميل بشكل جديد وجذاب  لمدونات بلوجر .

طريقة التركيب :

1- ادخل إلى مدونتك ، ثم اختر لوحة التحكم .

2-من لوحة التحكم اختر -> قالب -> تحرير قالب HTML .

3- الآن ابحث عن الوسم : بواسطة المفاتيح Ctrl+F

4- اضف الكود التالي فوقه .

 /* CSS Button Style 2 by www.homeblog7.blogspot.com */
.button2{float:left;list-style:none;text-align:center;width:95%;margin:10px;padding:2px;font-size:14px;clear:both}
.button2 ul{margin:0;padding:0}
.button2 li{display:inline;margin:5px;padding:0;list-style:none}
.button2 li a.demo,.button2 li a.download{position:relative;padding:14px 48px 14px 16px;background:#f39c12;display:block;color:#fff!important;font-weight:700;font-size:14px;text-align:left;text-transform:uppercase;letter-spacing:.2px;border-radius:3px;box-shadow:0 1px rgba(0,0,0,0.1);line-height:normal;transition:all .3s;max-width:170px;margin:auto;overflow:hidden}
.button2 li a.download{background:#3498db}
.button2 li a.demo:hover,.button2 li a.download:hover{background:#666}
.button2 li a.demo:active,.button2 li a.download:active{cursor:pointer}
.button2 li a.demo:after,.button2 li a.download:after{content:'\F054';background:rgba(0,0,0,0.1);position:absolute;right:0;top:0;font-weight:normal;display:inline-block;margin:0 0 0 10px;color:#fff;padding:16px 24px;font-family:fontawesome;transition:all .3s}
.button2 li:hover a.demo:after,.button2 li:hover a.download:after{background:transparent;-webkit-animation:bounceright .3s alternate ease infinite;animation:bounceright .3s alternate ease infinite}
@-webkit-keyframes bounceright{from{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(3px)}}
@keyframes bounceright{from{transform:translateX(0)}to{transform:translateX(3px)}}

 
5-  احفظ القالب .

6- عندما تريد أستخدام أحد الأزرار في مشاركاتك ، استخدمها في وضعية  " HTML "

- كود زر المشاهدة :

 <div style="text-align: center;">
  <ul class="button2">
    <li><a class="demo" href="https://homeblog7.blogspot.com" target="_blank">رابط المشاهدة</a></li>
  </ul>
</div>
<div class="clear"></div> 

- كود زر التحميل:


 <div style="text-align: center;">
  <ul class="button2">
    <li><a class="download" href="https://homeblog7.blogspot.com" target="_blank">رابط التحميل</a></li>
  </ul>
</div>
<div class="clear"></div> 
زر المشاهدة والتحميل لمدونات بلوجر بشكل جديد وأحترافي  2016
موضوع المشاركة: زر المشاهدة والتحميل لمدونات بلوجر بشكل جديد وأحترافي 2016 9 من خلال 10 وعلى أساس 10 تصنيف. 9 تعليقات المستخدمين.
  • تعليقات بلوجر
  • تعليقات الفيس بوك

0 Comments:

رسالة تنبيه
    يسعدنا تفاعلكم بالتعليق لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق :
    أن لا تضع أي روابط خارجية
    أي سؤال خارج محتوى التدوينة يرجى استخدام صفحة الدعم الفني
    صفحة الدعم الفني
  • أن يكون التعليق خاص بمحتوى التدوينة زر المشاهدة والتحميل لمدونات بلوجر بشكل جديد وأحترافي 2016
  • لإضافة كود حوله أولا بمحول الأكواد
انقرهنا لتحويل الكود

إرسال تعليق

Item Reviewed: زر المشاهدة والتحميل لمدونات بلوجر بشكل جديد وأحترافي 2016 Description: زر المشاهدة والتحميل لمدونات بلوجر بشكل جديد وأحترافي 2016 Rating: 5 Reviewed By: home blogger