عرض مشاركة واحدة
قديم 03-12-2014, 02:06 PM   #1
تائه في الزمن
مدون جديد
 
تاريخ التسجيل: Jun 2012
المشاركات: 55
Lightbulb اضافة اداة المرفقات لبلوجر

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


او يمكنك مشاهدة الاضافة مباشرة في مدونتي من قسم 'قالب' و اختر اي موضوع لتجد الاضافة تحت في اخر الموضوع :


يكفينا كلاما و هي الى الاضافة لنركبها في مدوناتنا و نستمتع
اولا اذهب : ]]></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>


في حالة اردت تغيير صورة الاضافة قم بتغيير الرابط الاحمر بما يناسبك
قم باستبدال النص الازرق برابط التحميل (يمكنك استعمال روابط ارشيف او جوجل درايف المباشرة )
قم باستبدال ما باللون البرتقالي بححم الملف الخاص بك.




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

الدعم العربي

تائه في الزمن غير متواجد حالياً   رد مع اقتباس