-->
العربي ويب العربي ويب
recent

آخر الأخبار

recent
recent
جاري التحميل ...

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

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


أسقد الله أوقاتكم بكل خير أحبابي في الله وأهلا ومرحبا بكم مجددا على مدونتكم العربي ويب
اليوم سوف نشرح لكم طريقة تركيب أزرار المعاينة والتحميل بشكل أنيق وإحترافي (الجزء الأول) 2017


خطوات تركيب أزرار العاينة والتحميل

تابع معي ...

أولا - توجه الى لوحة التحكم مدونتك  من هنا 
2 - قالب (المظهر) >> تحرير html >>
3 - إبحث عن الوسم التالي بالضغط على Ctrl + F
]]></b:skin>
4 - ثم أضف الكود التالي أعلاه (فوق)
/*   Widget by : http://el3arabi-web.blogspot.com */
================== ==================
.btn-btn2{display:table;margin:0 auto}
#wrap{margin:20px auto;text-align:center}
a.btn{display:inline-block;position:relative;text-decoration:none;font-weight:100;letter-spacing:.5px;padding:10px 20px;margin:10px;color:#ff5722;font-size:16px;text-transform:uppercase;border-radius:3px;transition:all 0.3s ease-out;border:1px solid #ff5722;line-height:25px}
a.btn:hover{background:rgb(236, 154, 128);color:#fff;box-shadow:inset 0 -50px 0 #ff5722}
a.btn::before{color:#ff5722;display:-webkit-inline-box;content:"\f06e";font-family:fontawesome;margin:0 0 0 5px}
a.btn:hover::before{color:#fff}
a.btn2{display:inline-block;position:relative;text-decoration:none;font-weight:500;background:#ff5722;letter-spacing:.5px;padding:10px 20px;margin:10px;color:#fff;box-shadow:inset 0 0 0 #ff5722;font-size:16px;text-transform:uppercase;border-radius:3px;transition:all 0.3s ease-out;line-height:25px}
a.btn2:hover{background:#cc4014;color:#fff;box-shadow:inset 0 -50px 0 #2a4057}
a.btn2::before{color:#FFFFFF;display:-webkit-inline-box;content:"\f090";font-family:fontawesome;margin:0 0 0 5px}
5 - إضغط حفظ المظهر

الآن عندما تقوم بكتابة موضوع وتريد إضافة أزرار المعاينة والتحميل إضغط على تبويب  HTML 
وأضف الكود التالي في المكان المناسب
<a class="btn" href="#" rel="nofollow" target="_blank">للمعاينة</a>
<a class="btn2" href="#" rel="nofollow" target="_blank">للتحميل</a>
لا تنسى إستبدال # بالروابط الخاصة بك 


تم بحمد الله ...


أي أسئلة أو إستفسار حول الموضوع لا تتردد في طرحها
باب التعليقات مفتوح للجميع

كاتب الموضوع

محمد العربي

0 تعليق على موضوع : اضافة ازرار المعاينة والتحميل بشكل احترافي 2017

  • اضافة تعليق

  • الأبتساماتأخفاء الأبتسامات



    ஜ العربي ويب ஜ | ஜ شعارنا إثراء المحتوى العربي ஜ

    إضغط على | إنضم لموقعنا + متابعتنا عبر مواقع التواصل | وكن أول من يتوصل بجديدنا

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

    إتصل بنا

    اخر تعليقات بلوجر

    تغريداتي علي التويتر

    زوار المدونة

    Statistics

    احصاءات المدونة

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

    العربي ويب

    2017

    –>