إضافة صفحة تحميل ملفات على بلوجر

السلام عليكم ومرحبا بكم في مدونة عبدو تكنولوجي اليوم اقدم لكم اضافة حصرية لاضافة صفحة روابط تحميل 

يمكنك اضافة اكثر من رابط تحميل بدون اي مشاكل ويمكنك تحديد حجم الملف ويتم عرض من رفع الملف و تاريخ نشر الملف 

يمكنكم معاينة الاضافة من هنا

شكل الاضافة عندما يكون خطأ في التحميل

شرح تركيب الاضافة 

1. افتح صفحة جديدة في المدونة وجعل رابطها هكذا p/dwn.html وهذا بتسمية الصفحة اولا dwn ثم انشرها و ثم عد لها وغير اسمها الى صفحة تحميل او شئ هكذا
2. ضع الكود التالي في هذه الصفحة وقم بحفظ الصفحة
3. <i class="abdoutech-dwn loader"></i>
4. الان اذهب الى القالب وإبحث على </head> وضع الكود التالي فوقه

<b:if cond='!data:view.isHomepage'><style type='text/css'>/*<![CDATA[*/ .hide{display:none;}i.abdoutech-dwn,.content-block .info-dwn cite{font-style:normal!important} .btn-dwn{background:#002e5a;border:0;font-size:17px;color:#fff;padding:11px 15px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:16px auto;overflow:hidden;position:relative;display:table;text-align:center} .btn-dwn:after{content:"\f019"!important;font-family:FontAwesome;color:#fff;margin:0 8px!important} i.abdoutech-dwn.loader{background:url(https://f.top4top.net/p_795nd9m01.gif) no-repeat center center;background-size:cover;display:block;width:47px;height:46px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;margin:23px auto} .content-block{position:relative;border:2px dashed #e4e4e4;min-height:100px;-webkit-border-radius:20px;-moz-border-radius:20px;margin:0 auto;overflow:hidden;padding:19px;max-width:420px;background:linear-gradient(to bottom right,#B0DB7D 40%,#99DBB4 100%);border-radius:20px;box-shadow:5px 5px 20px #cbcdd3} .content-block.er{background:linear-gradient(to bottom left,#EF8D9C 40%,#FFC39E 100%)} .content-block .dot{width:8px;height:8px;background:#FCFCFC;border-radius:50%;position:absolute;top:3%;right:6%} .content-block .two{right:9%;opacity:.5} .content-block .dot:hover{background:#c9c9c9} .count-tech{text-align:center;color:#fff;font:89px h2;margin:20px 0 0 0;line-height:110px;width:100%} .dwn-tech{width:100%;margin:0 auto;text-align:center} .dwn-tech a{font-family:inherit;padding:11px 15px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#a5db98;display:block;font-size:22px;text-align:center;background:#FCFCFC;width:50%;height:15%;border-radius:20px;outline:0;border:none;box-shadow:2px 2px 10px rgba(119,119,119,0.5);transition:all .5s ease-in-out;margin:15px auto} .dwn-tech a:hover{background:#efefef;transform:scale(1.05);transition:all .3s ease-in-out} .content-block.er .dwn-tech a{color:#ef8d9c;font-size:15px} .content-block.er h1.Error{text-align:center;font-size:32px;color:#fff} .content-block.er img{margin:18px auto;display:block;max-width:100%} .content-block .info-dwn{margin:4px auto;padding:1px;border-bottom:1px solid #e4e4e4;display:block;overflow:hidden} .content-block .info-dwn time,.content-block .info-dwn cite,.content-block .info-dwn size{color:#fff;margin:0 8px;position:relative;float:right;width:100%} .content-block .info-dwn time:after,.content-block .info-dwn cite:after,.content-block .info-dwn size:after{font-family:FontAwesome;margin:3px 4px;text-align:left;float:right} .content-block .info-dwn cite:after{content:"\f2bd"} .content-block .info-dwn time:after{content:"\f273"} .content-block .info-dwn size:after{content:"\f15b"} /*]]>*/ </style></b:if>

1. الان إبحث على </body> وضع الكود التالي فوقه مباشرة

تحميل الكود من هنا او من هنا

• الان احفظ القالب و في اي موضوع تريد اضافة روابط تحميل له ضع هذا الكود في الموضوع مع تغيير روابط التحميل

<i class="hide" id="info-abdoutech" data-size="حجم الملف"><!-- هنا تضيف الروابط--><a href="#" >رابط تحميل 1</a><a href="#" >رابط تحميل 2</a><a href="#" >رابط تحميل 3</a><!-- هنا تضيف الروابط--></i> <!-- لا تلمس هذا الكود--><a class="btn-dwn" href="#">رابط التوجيه لتحميل الملف </a><!-- لا تلمس هذا الكود-->



اذا اعجبتك الاضافة لا تنسى الاشتراك في المدونة لكي تتوصل بكل جديد

شارك هذا