أزرار تحميل و معاينة
الجميع يبحث عن التميز و الكل يريد ان تكون مدونته مميزة جدا المدونات التقنية تحتاج إلى اضافة ازرار التحميل و معاينة داخل التدوينة وفي بعض الاحيان خصوصا عند عرض أو مراجعة قالب بلوجر ونحتاج إلى أن نتوفر على ازرار للمعاينة بشكل احترافي تبين مدى روعة المدونة وتعطي انطباعا جيدا للزوار.
لقد قمت بأحضار أزرار معاينة و تحميل بشكل متحرك تعطي للمدونة شكل أحترافي و جميل و مميزهذه الأزرار متحركة و يتم تركيبها بكل بساطة و بخطوتين فقط
كل ما عليك هو أن تقوم بتطبيق الشرح تماما و ستحصل على أزرار غاية في الروعة
شرح التركيب
أولا تذهب إلى واجهة تحكم بلوجر بعد ذلك، تذهب الى المظهر وتضغط على قائمة منسدلة بجانب التخصيص. بعدها، تضغط على تعديلعن الكود التالي ]]></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>
ثم تقوم بالحفظ
و شكرا
شكرًا لوقتكم واهتمامكم بقراءة موضوع أزرار تحميل و معاينة لقوالب بلوجر . إذا صادفتكم أي مشكلة أثناء استخدام الكود أو كان لديكم أي استفسار، فلا تترددوا في طرحه ضمن التعليقات أو التواصل معنا عبر صفحة الاتصال بنا . ولا تنسوا الانضمام إلى متابعي مدونة هلا تك ليصلكم كل ما هو جديد.
