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

أفضل المواضيع
  • قالب كن مهووس v3
  • أحدث وأضخم باتشات PES 2010 لعام 2016 باخر الانتقالات والاضافات الرهيبة
  • قالب مدونة نكهة الاصلى مجانا بدون مشاكل
  • قالبي تدوين وماتلاين المدفوعين على بيكاليكا {تحديث}
  • Stronghold Crusader 2 The Templar and The Duke-CODEX
  • هذه هي كافة أجهزة سوني التي ستدعم تحديث الأندرويد "مارشميلو 6.0" الجديد
  • تشغيل نت مجانى على خط فودافون
  • اضافة واجهة احترافية v2
  • اضافة صفحة الخطا v2
  • قالب كن مهووس v2 مجانا
نشر في
 اضافة ازرار المعاينة و التحميل لمدونات بلوجر
كتب بواسطة
عدد التعليقات
0 التعليقات

السلام عليكم ورحمة الله تعالى وبركاته ، مرحبا بكم متابعينا الكرام في درس جديد من قسم بلوجر، حيث سنقم لكم طريقة اضافة ازرار المعاينة و التحميل لمدونات بلوجر بشكل رائع و بتقنية CSS . و ندكر انك يمكنك ادراج حجم الملف في زر التحميل .



avatar طريقة التركيب
  1. توجه للقالب ثم تحرير html
  2. ابحث بإستعمال ctrl+F عن <head/>
  3. ضع فوقه الكود التالي
<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>
  1. ابحث عن ]]></b:skin
  2. ضع فوقه الكود التالي
/* CSS Simple Butn cn1gk */
.whitebutton {margin: 20px auto;padding: 20px 0;width: 200px;}.whitebutton a {background: #fff;color: #666;display: block;font-size: 17px;font-weight: 700;font-family: Electrolize,ge_ss_tvbold;height: 50px;line-height: 50px;text-align: center;text-decoration: none;text-transform: uppercase;width: 200px;position: relative;z-index: 2;}.whitebutton a:before {content: '\f019';font-family: FontAwesome;font-weight: normal;padding: 8px;margin-right: 6px;}.whitebutton span {background: #444;color: #fff;display: block;font-size: 12px;font-family: Electrolize,ge_ss_threeregular;height: 40px;line-height: 40px;text-align: center;width: 200px;z-index: 1;text-transform: uppercase;font-weight: bold;}.whitebutton .up {background: #34B4E2;margin: -25px auto;opacity: 0;border-radius: 0 0 5px 5px;transform: translate(0,-50px);transition: 350ms;}.whitebutton .down {margin: -30px auto;opacity: 0;border-radius: 5px 5px 0 0;transform: translate(0,-50px);transition: 350ms;}.whitebutton .down:before {content:'\f14a';font-family: FontAwesome;font-weight: normal;margin-right: 6px;color: #aaa;}.whitebutton:hover .up {opacity: 1;transform: translate(0,0);}.whitebutton:hover .down {opacity: 1;transform: translate(0,-90px);}.whitebuttondemo {margin: 20px auto;padding: 20px 0;width: 200px;}.whitebuttondemo a {background: #34B4E2;color: #fff;display: block;font-size: 17px;font-weight: 700;font-family:Electrolize,ge_ss_tvbold;height: 50px;line-height: 50px;text-align: center;text-decoration: none;text-transform: uppercase;width: 200px;position: relative;z-index: 2;transition: 350ms;}.whitebuttondemo a:before {content:'\f002';font-family: FontAwesome;font-weight: normal;padding: 8px;margin-right: 6px;}.whitebuttondemo a:hover {color:#fff;}.whitebuttondemo span {background: #444;color: #fff;display: block;font-size: 12px;font-family: Electrolize,ge_ss_threeregular;height: 40px;line-height: 40px;text-align: center;width: 200px;z-index: 1;text-transform: uppercase;font-weight: bold;}.whitebuttondemo .up {background: #444;margin: -25px auto;opacity: 0;border-radius: 0 0 5px 5px;transform: translate(0,-50px);transition: 350ms;}.whitebuttondemo:hover .up {opacity: 1;transform: translate(0,0);}

  1. أضف الكود الأتي بداخل الموضوع في تبويب 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>

ملحقات القالب

معاينة مباشرة

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1-أن يكون التعليق خاص بمحتوى التدوينة
2-أن لا تضع أي روابط خارجية
3-لاضافة كود حوله اولا بمحول الاكواد
4-أي سؤال خارج محتوى التدوينة يرجى التواصل معنا عبر صفحتنا


محول الاكواد الابتسامات





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

    Milad Shenouda

    Front-End Developer

    السيد ابراهيم

    مدير الموقع ومصمم فوتوشوب

    عبدالله محمد

    مدون ومحترف بلوجر

    انضم الينا

    مدون محترف

    اعجب بصفحتنا على الفيسبوك
    ماذا تنتظر !!!
    أنضم الى اعضاء مدونة
    كن مهووس | هوسنا هو سر ابداعنا
    تابعنا الان على تويتر
    فنحن الافضل

    جميع الحقوق محفوظة

    كن مهووس

    2018

    تكويد وتطوير