اضافة ازرار التحميل والمعاينة بشكل احترافي |
الاضافة اليوم هي اضافة ازرار التحميل ومعاينة بشكل جديد لم ينشر علي الانرنت سابقا والاضافة الوانها مميزة جدا وهي متناسبة مع جميع الشاشات
طريقة تركيب الاضافة
- توجه الي مدونتك
- ثم قم باختيار قالب ثم تحريرHTML
- ثم قم بالبحث عن الوسم ]]></b:skin>
- ثم قم باضافة هذه الاكواد فوقه
#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: #0B6EAB; font-size: 16px; text-transform: uppercase; border-radius: 3px; transition: all 0.3s ease-out; border: 1px solid #0B6EAB; } a.btn:hover { background: #30abd5; color: #fff; box-shadow: inset 0px -50px 0px #22313F; } a.btn::before { color: #0B6EAB; 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: 100; background: #dd2f2f; letter-spacing: .5px; padding: 10px 20px; margin: 10px; color: #fff; box-shadow: inset 0 0 0 #22313F; font-size: 16px; text-transform: uppercase; border-radius: 3px; transition: all 0.3s ease-out; } a.btn2:hover { background: #30abd5; color: #fff; box-shadow: inset 0px -50px 0px #22313F; } a.btn2::before { color: #FFFFFF; display: -webkit-inline-box; content: "\f090"; font-family: fontawesome; margin: 0 0 0 5px; }
ننصحك بقراءة :
اضافة موقعك إلى أكبر مواقع البحث و الأرشفة بضغطة زر مع موقع entireweb.com
ثم قم بوضع هذا الكود في اي موضوع في مدونتك
كود زر التحميل
<a class="btn2" href="https://ensanyetnmla.blogspot.com/" rel="nofollow" style="text-align: right;" target="_blank">تحميل</a>
كود زر المعاينة
<a class="btn" href="https://ensanyetnmla.blogspot.com/" rel="nofollow" target="_blank">معاينة القالب</a>
اضافات بلوجر
لا تقرأ وترحل .. شارك قول رأيك
0 تعليقات: