أزرار تحميل و معاينة
لقد قمت بأحضار أزرار معاينة و تحميل بشكل متحرك تعطي للمدونة شكل أحترافي و جميل و مميز
هذه الأزرار متحركة و يتم تركيبها بكل بساطة و بخطوتين فقط
كل ما عليك هو أن تقوم بتطبيق الشرح تماما و ستحصل على أزرار غاية في الروعة
شرح التركيب
أولا تذهب إلى واجهة تحكم بلوجر بعد ذلك، تذهب الى المظهر وتضغط على قائمة منسدلة بجانب التخصيص. بعدها، تضغط على تعديل
عن الكود التالي ]]></b:skin> ثم نقوم بلصق الكود التالي أعلاه
.loading { text-transform:uppercase; width:150px; text-align:center; line-height:50px; position: initial; left:0;right:0;top:50%; margin:auto; transform:translateY(-50%); } .loading span { position:relative; z-index:999; color:#fff; } .loading:before { content:''; background:#3689cd; width:140px; height:40px; display:block; position:absolute; top:0;left:0;right:0;bottom:0; margin:auto; animation:2s loadingBefore infinite ease-in-out; } @keyframes loadingBefore { 0% {transform:translateX(-14px);} 50% {transform:translateX(14px);} 100% {transform:translateX(-14px);} } .loading:after { content:''; background:#ff3600; width:14px; height:60px; display:block; position:absolute; top:0;left:0;right:0;bottom:0; margin:auto; opacity:.5; animation:2s loadingAfter infinite ease-in-out; } @keyframes loadingAfter { 0% {transform:translateX(-50px);} 50% {transform:translateX(50px);} 100% {transform:translateX(-50px);} }
ثانيا أستخدام الأزرار
بعد كتابة الموضوع نضغط على عرض html ستتحول صفحة الكتابة كلها الى اكواد html
وتبحث عن المكان الذي تريد ان تظهر فيه الازرار اما في اسفل المقال في اسفل جميع الاكواد اما اسفل قسم التحميل المهم تبحث عن المكان المناسب و تضيف الأكواد التالية
وتبحث عن المكان الذي تريد ان تظهر فيه الازرار اما في اسفل المقال في اسفل جميع الاكواد اما اسفل قسم التحميل المهم تبحث عن المكان المناسب و تضيف الأكواد التالية
<br />
<div class="loading">
<a class="demo" href="**************" rel="nofollow"><span>المعاينــــــــة</span></a>
</div>
<br />
<div class="loading">
<a class="demo" href="**************" rel="nofollow"><span>التحميــــــــل</span></a>
</div>
</div>
ثم تقوم بالحفظ
و شكرا
شكرًا لوقتكم واهتمامكم بقراءة موضوع أزرار تحميل و معاينة لقوالب بلوجر . إذا صادفتكم أي مشكلة أثناء استخدام الكود أو كان لديكم أي استفسار، فلا تترددوا في طرحه ضمن التعليقات أو التواصل معنا عبر صفحة الاتصال بنا . ولا تنسوا الانضمام إلى متابعي مدونة هلا تك ليصلكم كل ما هو جديد.
