معهد خبراء بلوجر

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)
-   إضافات وأدوات بلوجر (https://www.bloggerexp.com/forumdisplay.php?f=10)
-   -   اضافة اداة المرفقات لبلوجر (https://www.bloggerexp.com/showthread.php?t=12497)

تائه في الزمن 03-12-2014 02:06 PM

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

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


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



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




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

حسين 03-12-2014 07:43 PM

رد: اضافة اداة المرفقات لبلوجر
 
مشكوور على الإضافة
http://bloggerinar.blogspot.com


الساعة الآن 10:25 AM

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012