اضافة اداة المرفقات لبلوجر

معلومات عن الاداة :

اليوم باذن الله نقدم لكم اضافة حصرية جدا لطال ما بحث عنه العديد من المدونينين في بلوجر و هي اضافة المرفقات كما في المنتديات بعد ان كثرت الرسائل التي تطلب مني كيفية انشائها قررت ان اقوم بطرح هته التدوينة التي اشرح فيها الطريقة مع انها بسيطة جدا اولا و قبل كل شيء يمكنك مشاهدة الاضافة من خلال الصورة

صورة من الاداة

  

طريقة التركيب :

اولا اذهب الى القالب و اضغط على تحرير 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; } 

و قم بعدها بحفظ القالب . الآن عند كتابة مقالة ما و اردت ان تضيف اداة المرفقات ما عليك سوى كتابة المقالة بشكل عادي و عند الانتهاء قم بتحرير HTML و اضف الكود التالي :

<div id="attachment">
<h3>
المرفقات :</h3>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin7V2Is3lrG5J8HeVQQ5zJD29TzPCfRuO4KCZdHilagkN7B9vWi7Px1dvmQPBbEPa2MaK5XCvFYluhFRwgtyJeqcbPhXV9hx9Ob_gxtZ4orQjN16SrPtrIhk0o_CIC3ZvjLqCrojSIt7I/s1600/att.png" /> <a class="download" href="رابط تحميل الملف المطلوب" target="_blank">تحميل الملف المرفق (حجم الملف 400 كيلوبايت) </a> </div>

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

مثال

المرفقات :

تحميل الملف المرفق (حجم الملف 400 كيلوبايت)