بسم الله الرحمن الرحيم
درس إضافة اداة المرفقات للبلوجر
درسنا اليوم عن اداة مهمة وهى اداة الملفات المرفقة لمدونات بلوجر
درسنا اليوم عن اداة مهمة وهى اداة الملفات المرفقة لمدونات بلوجر
معاينة الاداة
صورة الاداة
الاداة على الطبيعة
طريقة التركيب
اتجه الى blogger.com » اسم المدونة » قالب » تحرير html » ثم اضغط على ctrl+f » ابحث عن
]]></b:skin>
فوقها الصق الكود التالى
#bl-blogger-filesment {
overflow: hidden;
border: 1px dashed #ccc;
background: #fff;
padding: 0;
margin: -10px 11px 0 0;
direction: rtl;
text-align: right;
}
#bl-blogger-fileswrapper h5 {
font: normal 18px GESSTwoMediumRegular, tahoma;
background: #fff;
padding: 3px 6px;
margin: 10px 30px -10px;
width: 75px;
display: inline-block;
color: #7accd6;
direction: rtl;
text-align: right;
}
#bl-blogger-fileswrapper span {
font: normal 12px tahoma;
color: #ccc;
direction:rtl;
text-align:right;
}
#bl-blogger-filesment img {
float: right;
padding: 24px 22px 15px;
margin-left: 20px;
border-left: 1px dashed #ccc;
}
#bl-blogger-filesment .download {
font: normal 16px GESSTwoMediumRegular, tahoma;
padding: 27px 0 !important;
float: right;
color: #444;
direction:rtl;
text-align:right;
}
#bl-blogger-filesment .download:hover {
color: #0378ae;
}
الان الكود جاهز للأستخدام
لاستدعاء الكود فى نهاية كل موضوع حول من وضع تاليف لوضع html
اذهب الى نهاية الصفحة ثم الصق الكود التالى
<div id="bl-blogger-filesment">
<span style="font-family: inherit;"><img src="//images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj15SQKb9iL9XYn8H81eR_t_D8EkcLszxTbbkilOzDbCiMskSeH43CC2g38_JFY_LSo7I2dxMEo3xpnI-SlhrFAttVWCTENSnJ7jiP39cojRjGrRqzUHI1wP8KC3m8-19nQzfKqJVxt5vo/s1600/att.png&container=blogger&gadget=a&rewriteMime=image/*">
<a class="download" href="هنا رابط الملف" rel="nofollow" target="_blank">هنا اسم الملف</a></span>
</div>
وفى نهاية الدرس ارجوا ان تكونوا استفدت باذن الله الدرس القادم سيكون عن كيفية عمل رابط تحميل مباشر للمرفقات كلمة شكر تكفى ارجوا نشر الموضوع مع ذكر المصدر
0 التعليقات:
إرسال تعليق