اليوم باذن الله نقدم لكم اضافة حصرية جدا لطال ما بحث عنه العديد من المدونينين في بلوجر و هي اضافة المرفقات كما في المنتديات بعد ان كثرت الرسائل التي تطلب مني كيفية انشائها قررت ان اقوم بطرح هته التدوينة التي اشرح فيها الطريقة مع انها بسيطة جدا
اولا و قبل كل شيء يمكنك مشاهدة الاضافة من خلال الصورة
او يمكنك مشاهدة الاضافة مباشرة في مدونتي من قسم 'قالب' و اختر اي موضوع لتجد الاضافة تحت في اخر الموضوع :
يكفينا كلاما و هي الى الاضافة لنركبها في مدوناتنا و نستمتع
اولا اذهب : ]]></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="http://3.bp.blogspot.com/-Fuz729YDLFM/Uj-t4K2RS3I/AAAAAAAABZY/P1EUlwsBgXo/s1600/att.png" />
<a class="download" href="رابط تحميل الملف المطلوب" target="_blank">تحميل الملف المرفق (حجم الملف 400 كيلوبايت) </a>
</div>
|
في حالة اردت تغيير صورة الاضافة قم بتغيير الرابط الاحمر بما يناسبك
قم باستبدال النص الازرق برابط التحميل (يمكنك استعمال روابط ارشيف او جوجل درايف المباشرة )
قم باستبدال ما باللون البرتقالي بححم الملف الخاص بك.
بهذا نكون و الحمد لله قد قمنا باضافة الاضافة بكل سهولة و يسر و السلام عليكم و رحمة الله.