اضافة ازار التحميل في اخر الشرح لمذونة بلوجر

 كيفية اضافة ازرار التحميل في اخر الشرح لمذونة بلوجر .بطيرقة احترافية حسب مايوجد في الشرح بتفصيل

تحميل الاكواد ا لخاصية الاضافة 

طريقة وضع الاكواد في مكانها 

اضافة الاكود الاخير في المقالة

تحميل الاكواد ا لخاصية الاضافة

لتحميل هاده الاكواد واضافتها في مكانها المناسب. يجب اولا تحميل اونسخ الاكواد من على المدونة .او تحميل بواسطة جوجل درايف google drive .بعدا التحميل الاكواد او نسخها من على المذونتنا.

يجب الذهاب الى المضهر( html ) والبحث على وسم( head /).ثم قم بوضع الاكود الاول فوق وسم( head / )وبعدها قم بنزول والبحث على الوسم( body) تجده اسفل اكواد (html )في اخر القالب . ضع الكود الثانى فوق وسم (body/ ).وبعدا اضافة الكود الاول والكود الثانى قم بحفض المضهر.

طريقة وضع الاكواد في مكانها

الكود الثالث وهوا الدي يتم اضافته في المشاركات .اي في  المواضيع سواء اسفل الشرح او في وسط الشرح ويستحسن اضافة الزر اسفل الشرح احسن .

اضافة الاكود الاخير في المقالة 

العملية بسيطة جدا ولا تتطلب مجهود كبير. عندا اضافة الاكواد كل شئ واضح ومكتوب بعيناية فائقة .اقراء مايوجد في الكتابة وفي مكان وضع الرابط الذى تريد وضعه للزوار والمحملين عامة .فقط ضعه في علامة الهاش تاق ###### قم بتعليم المنطقة ##### واضف الرابط .

لنسخ الاكواد والتى توجد في مربعات النسخ حسب مايلي بترتيب .

الكود الاول والدي يجب وضعه فوق وسم ( head/ ) .

<style type='text/css'> /* Download Counter Box */ #btnx{cursor:pointer;padding:10px 20px;border:0;border-radius:3px;background:#8975c3;color:#e67e22;float:right;text-transform:capitalize;font-weight:500;transition:all 0.5s}#btnx:hover,#downloadx:hover{background:#d35400;color:#fff;outline:none}.batas-downx{display:block;margin:0 auto;border-radius:4px}.dalam-downx{background:#fc7d45;color:#5d5050;padding:20px;display:block;border-top-right-radius:8px;border-top-left-radius:8px}.file-info{color:#fff;display:inline-block;font-size:1.2em;line-height:38px;text-align:left}.catatan-downx{padding:20px;background:#363737;border-bottom-right-radius:8px;border-bottom-left-radius:8px;color:#ffae5c;font-size:14px}#downloadx{float:right}#downloadx{padding:10px 20px;border-radius:3px;background:#fff;color:#e67e22;float:right;text-align:center;font-size:14px;text-transform:capitalize}.bungkus-info span{display:inline-block;line-height:38px;float:right}.file-deskripsi{display:block}.file-deskripsi span{margin-right:3px} @media screen and (max-width:640px){.batas-downx{float:none;width:100%}} @media screen and (max-width:320px){.file-info{display:block;text-align:center}#btnx, a#downloadx{width:100%;margin-bottom:10px}.bungkus-info span{float:none;width:100%;text-align:center}.file-deskripsi{text-align:center}} </style>   

 

الكود الثانى ويتم اضافته فوق وسم (  body/ ).

<script type='text/javascript'> //<![CDATA[ function generate(){var e,n=document.getElementById("downloadx"),t=document.getElementById("btnx"),a=document.getElementById("downloadx").href,l=10,d=document.createElement("span");n.parentNode.replaceChild(d,n),e=setInterval(function(){--l<0?(d.parentNode.replaceChild(n,d),clearInterval(e),n.style.display="inline"):(d.innerHTML="<i class='fa fa-clock-o' aria-hidden='true'/> جارى تحميل الملف "+l.toString()+" ثانيه....",t.style.display="none")},1e3)}//]]> </script>   

 

الكود الثالث وهوا الذي يتم اضافته في المواضيع على المذونة.عبر اضافة الرابط التحميل الخاص بك  .

<div class="batas-downx"> <div class="dalam-downx"> <div class="bungkus-info"> <div class="file-info"> اسم الملف </div> <button id="btnx" onclick="generate()"><i aria-hidden="true" class="fa fa-cloud-download"></i> تحميل</button> <a href="#########" id="downloadx" style="display: none;"><i aria-hidden="true" class="fa fa-cloud-download"></i> اضغط لتحميل</a> </div> <div class="file-deskripsi"> <span class="uploader"><i aria-hidden="true" class="fa fa-user-circle"></i> ضع اسم مذونتك هنا </span> <span class="file-size"> <i aria-hidden="true" class="fa fa-file"></i> حجم الملف k </span> </div> </div> <div class="catatan-downx"> إذا لم يتم تنزيله تلقائيًا ، فيرجى النقر على إعادة التنزيل. وإذا كان الرابط معطلاً ، فيرجى الإبلاغ عبر صفحة نموذج الاتصال في هذه المدونة. </div> </div>   

 

يتم اضافة الزر التحميل واحد فقط لكل موضوع . لا تقم باضافة اثنين لا يشتغل معك ضع ايقونة واحدة فقط ، 

لتحميل الاكواد  لاضافة زر التحميل .يمكن الضغط على ايقونة التحميل وتم رفع الاكواد بواسطة google drive

تحميل اضغط هنا