معلومات عن الاداة :
اليوم باذن الله نقدم لكم اضافة حصرية جدا لطال ما بحث عنه العديد من المدونينين في بلوجر و هي اضافة المرفقات كما في المنتديات بعد ان كثرت الرسائل التي تطلب مني كيفية انشائها قررت ان اقوم بطرح هته التدوينة التي اشرح فيها الطريقة مع انها بسيطة جدا اولا و قبل كل شيء يمكنك مشاهدة الاضافة من خلال الصورة
صورة من الاداة
طريقة التركيب :
اولا اذهب الى القالب و اضغط على تحرير html ثم ابحث عن ]]></b:skin> و اضف فوقها مباشرة هذا الكود:
#attachment { overflow: hidden; border: 1px dashed #ccc; background: #fff; padding: 0; margin: -10px 11px 0 0; direction: rtl; text-align: right; } #attwrapper 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; } #attwrapper span { font: normal 12px tahoma; color: #ccc; direction:rtl; text-align:right; } #attachment img { float: right; padding: 24px 22px 15px; margin-left: 20px; border-left: 1px dashed #ccc; } #attachment .download { font: normal 16px GESSTwoMediumRegular, tahoma;padding: 27px 0 !important; float: right; color: #444; direction:rtl; text-align:right; } #attachment .download:hover { color: #0378ae; }
<div id="attachment">
<h3>
المرفقات :</h3>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWVlWBGvoD-zumDjC8vwQEObpz187jMi7fRLjhazlMf9iPOvq9RmfP1amA9O-Nnkxux_9PQxx083jP0CmV2SnYVRIda3p-GkkcmIWC5GZa3BnR6xlPX9gHjhi5kWa5BeI-PVngHsRP1aM/s1600/att.png" /> <a class="download" href="رابط تحميل الملف المطلوب" target="_blank">تحميل الملف المرفق (حجم الملف 400 كيلوبايت) </a> </div>
بهذا نكون و الحمد لله قد قمنا باضافة الاضافة بكل سهولة و يسر و السلام عليكم و رحمة الله.