no-style

اضافة ازرار المعاينة والتحميل بشكل احترافي 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>
لا تنسى إستبدال # بالروابط الخاصة بك 


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


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

تعليق

أحدث أقدم