كيفية عمل أزرار التحميل و المعاينة مثل عبدوتكنولوجي | متوافقة مع جميع القوالب

اسلام عليكم و رحمة الله تعالي و بركاته في هذا الشرح اقدم لكم أضافة رائعة جدا من أضافات البلوجر الحصرية علي مدونة
geek tech | computer online فأذا كنت مهتم بهذه الاضافات الحصرية

• لا تنسي الانضمام الي متابعين المدونة من الجانب للحصول علي اجدد الاشعارات

و الان نبدأ في المهم و هو الاضافة الخاصه بالتحميل و المعاينة التي يمكنك ان تقوم بتعيينها حاليا كما تري

معاينة تحميل

1. و الان بعد ان قمت بمشاهدة الاضافة التي تعمل علي كل قالب علي حسب تنسيقه و شكله
2. يحب عليك ان تنسخ جميع الاكواد التالية

• اولا قم بالذهاب الي تحرير html 

قم بالضغط ctrl+f و كم بكتابة الكود التالي

1. ]]></b:skin>
2. اذا لم تجده كم بكتابته حرف بحرف في البحث ثوف يظهر بالعكس تم قم بوضع هذه الاكواد فوقه
3. تم دمج الكود منعا للسرقة
<style> .waves-effect{position:relative;cursor:pointer;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;vertical-align:middle;z-index:1;will-change:opacity, transform;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out} .waves-effect .waves-ripple{position:absolute;border-radius:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;opacity:0;background:rgba(0,0,0,0.2);-webkit-transition:all 0.7s ease-out;-moz-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out;-ms-transition:all 0.7s ease-out;transition:all 0.7s ease-out;-webkit-transition-property:-webkit-transform, opacity;-moz-transition-property:-moz-transform, opacity;-o-transition-property:-o-transform, opacity;transition-property:transform, opacity;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);pointer-events:none} .waves-effect.waves-light .waves-ripple{background-color:rgba(255,255,255,0.45)} .waves-notransition{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none !important;transition:none !important} .waves-circle{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(circle, white 100%, black 100%)} .waves-input-wrapper{border-radius:0.2em;vertical-align:bottom;width:100%} .waves-input-wrapper .waves-button-input{position:relative;top:0;left:0;z-index:1} .waves-circle{text-align:center;width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%;-webkit-mask-image:none} .waves-block{display:block} a.waves-effect .waves-ripple{z-index:-1} .ripple{display:inline-block;text-decoration:none;overflow:hidden;position:relative;z-index:0} .ink{display:block;position:absolute;background:rgba(255,255,255,0.4);border-radius:100%;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.animate{-webkit-animation:ripple .55s linear;-moz-animation:ripple .55s linear;-ms-animation:ripple .55s linear;-o-animation:ripple .55s linear;animation:ripple .55s linear} @-webkit-keyframes ripple{100%{opacity:0;-webkit-transform:scale(2.5)}} @-moz-keyframes ripple{100%{opacity:0;-moz-transform:scale(2.5)}} @-o-keyframes ripple{100%{opacity:0;-o-transform:scale(2.5)}} @keyframes ripple{100%{opacity:0;transform:scale(2.5)}} </style>

و الان قم بحفظ القالب و مبروك عليك هذه الاضافة

و الان هذه هي الاكواد التي تضعها في التدوينة

<a class="cnmubo" href="الرابط" target="_blank"><span style="color: white;">معاينة</span></a> <a class="cnmubb down_but" href="ألرابط" rel="nofollow" target="_blank"><span style="color: white;">تحميل</span></a>

أذا واجهتك اي مشكله في تركيب الاضافة لا تغجل بكتابة تعليق و سوف يتم الرد فورا حين رأية الرساله

Share This

clear