كود ازرار التحميل بشكل رائع ومتحرك للبلوجر

زر بسيط وبتصميم إحترافي يتضمن المعاينة مع التحميل بإدراج حجم الملف ونص اخر ، أزرار بتصميم نقي بإستخدام  Css فقط مما يجعلها جد خفيفة وأيضا لها منظر جد رائع تجذبك لضغط عليها :) ما يتبقى عليك إلى تركيبها وإستعمالها في موقعك نبدأ بالمعاينة أولا .

• معاينة من JS
 
• معاينة من مدونة

شرح طريقة التركيب 

1. توجه لقالب >> تحرير 

2. ابحث بإستعمال Ctrl+F عن <head/>

3. ضع الكود التالي فوقه

* الكود هو فقط لإظهار الأيقونات إذا كنت تتوفر عليه فلا داعي لإضافته

<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>

4. ابحث عن ]]></b:skin أو تضعه فوق </head> بإضافة هذيين الوسميين <style> هنا الكود  </style>

5.  ضع الكود التالي فوقه .

6. أضف الكود الأتي بداخل الموضوع في تبويب  HTML

<div class="whitebuttondemo">
<a href="#" target="_blank">معاينة</a><br>
<span class="up">إضغط للمشاهدة</span></div>
<br>
<div class="whitebutton">
<a href="#" target="_blank">تحميل مباشر</a><br>
<span class="up">إضغط للبدء</span><br>
<span class="down">2.3MB .rar</span></div>

* لإستعمال كود واحد مثل معاينة فهو محدد باللون البرتقالي من البداية لنهايته

* ضع الرابط بدل # 

* المحدد باللون الأصفر للكلمات لك حرية التغيير

المصدر : عرب ويب