مع درس جديد من دروس وشروحات مدونات بلوجر والتى نقدمها لكم من خلال مدونتنا الرسميه"إتعلم"والذى نتناول فيه طريقة إضافة أزرار المعاينه والتحميل بشكل احترافى، هذه الإضافه تعطى شكل جمالى يليق بكل مدون محترف داخل مقالاته، فتابع معنا لتتعلم طريقة تركيب الأكواد
إضافة زرار المعاينه والتحميل لمدونات بلوجر |
طريقة إضافة كود الأزرار :
- قم بالبحث عن الكود التالي في تحرير HTML
- وعندما يظهر لك ستضع الكود التالي فوق مباشرة
- ومن ثم أضغط علي حفظ القالب
]]></b:skin>
كود الأزرار :
/* ازرار التحميل و المعاينة بوسطة */
================== ================== ================== ================== ==================
.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:#2d4c69;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 #2d4c69}
a.btn::before{color:#16a086;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:#fff;letter-spacing:.5px;padding:10px 20px;margin:10px;color:#2d4c69;box-shadow:inset 0 0 0 #fff;font-size:16px;text-transform:uppercase;border-radius:3px;transition:all 0.3s ease-out;border:1px solid #ff5722;line-height:25px}
a.btn2:hover{background:#cc4014;color:#fff;box-shadow:inset 0 -50px 0 #2a4057}
a.btn2::before{color:#16a086;display:-webkit-inline-box;content:"\f090";font-family:fontawesome;margin:0 0 0 5px}
a.btn2:hover::before{color:#fff}
ثانيآ بعد التركيب :
سيتوجب عليك كل تدوينة ان تضع هذا الأكواد التي بالأسفل بكل تدوينة تضع فيها ازرار التحميل والمعاينة ملاحظة : يجب أضافة الأكواد هذا في أسفل قسم "HTML" وليس في قسم تأليف لكي تعمل معك بشكل صحيح
الأكواد :
<center>
<a class="btn2" href="ضع هنا رابط التحميل" rel="nofollow" target="_blank">تحميل</a>
<a class="btn" href="ضع الرابط هنا" rel="nofollow" target="_blank">معاينة</a>
</center>
يجب عليك تغير الروابط هذا ومن ثم تضع روابط التحميل والمعاينة مكان عبارة"ضع هنا رابط التحميلالتحميل" وبكدا نكون خلصنا شرح النهاردة واستنونا في تدوينة كل يوم بإذن الله علي مدونتنا والسلام عليكم ورحمة الله
تعليقات
إرسال تعليق