| 16 تعليقات ]


بسم الله و الحمد لله و الصلاة و السلام على أشرف خلق الله محمد الصادق الأمين.
انطلاقا من تدوينة الأخ محمد رياس ، هاكم طريقة وضع هاك الكود على المدونات.
مثال:

هنا يدرج كود css أو سكريبت و غيره من الأكواد المعروفة،
حتى تمتاز عن باقي محتوى الرسالة.
و هذا مثال لعرض كود css

font-size : 13px;
line-height : 24px;
font-family : “Courier New”, “MS Sans Serif”, sans-serif, serif;
2

»»» قبل تحرير القالب يجب حفظ نسخة احتياطية منه لاستعادتها عند الضرورة.
»»» بعض الأكواد عرضتها كصورة لأنها تختفي في مدونة بلوغر لذا وجب كتابتها و هذا أفضل!
كما جرت العادة ندخل إلى لوحة تحكم مدونتنا ثم نضغط " تخطيط " بعده " تحرير Html " و نبحث (Ctrl+F لفتح نافدة البحث في المتصفح) على الكود :

و قبله أي فوقه مباشرة نضيف كود css الآتي :
i
.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #ffffff url(http://lh4.ggpht.com/_fQliT1HyqQc/SjpU2_JWuhI/AAAAAAAAAJg/9MsWYAcq7y4/cv-1.gif) no-repeat right bottom;
border-top : 1px solid #eeeeee;
border-right : 1px solid #cccccc;
border-bottom : 1px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : “Courier New”, “MS Sans Serif”, sans-serif, serif;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}

شرح الألوان الموجودة في الكود:
الأزرق : رابط الصورة الجانبية، يمكن استبداله برابط صورة أخرى.
البرتقالي : أكواد تهم تعديل إطار العرض، يمكن تعديلها للحصول على سمك مناسب.
الأخضر : لتعديل حجم و لون و شكل خط الكود.
بعد إنهاء التعديلات نحفظ القالب و قبل ذلك يجب تحميل نسخة احتياطية قبل التعديلكما سبقت الإشارة لذلك.

» ثانيا : عند كتابة رسالة جديدة ، ندخل الكود المراد عرضه بين وسمي div كما يلي ...


وعند نشر الرسالة يظهر الكود في إطار كما في المثال المدرج في بداية الصفحة.



التعليقات : 16

Eng. A. Srhan

السلام عليكم ورحمة الله وبركاته
أخي الكريم ذؤيب
شكرا جزيلا على مجهوداتك القيمة
ولكن بالنسبة لهذه الطريقة لم تنجح معي لا أدري ربما اكون أخطأت بشيء ما. وقد اهتديت لطريقة أخرى سهلة بدون تحرير html وبدون أكواد في الرسائل، وهي بعمل encode وممكن إدراجها بـ scroll box وهذا هو الموضوع
كتابة كود بمدونات بلوجر وعمل scroll box
وهذا رابط الموضوع
http://engsrhan.blogspot.com/2009/08/scroll-box.html
تحياتي

السرداب

كثيرا ما اسمع عن هذه الاكود لكن ما الفائدة منها في المدونة

albohalia

لم ينحج الامر

غير معرف

لم ينجح معي انا أيضا

NIZAR QADI

أكيد في خطأ ما..لم تنجح معي أيضا

NIZAR QADI

بعد محاولات كثيرة..على مدى اليومين الماضية..
عرفت فين الخلل..!!
الخلل في الكود إللي نكتبه عند كتابة رسالة جديدة..كان ينقصه هذا الكود div dir="ltr

فأنا أضفته..وجربته.. وأشتغل 100%

الكود :

div dir="ltr" class="codeview">
هنا تضع الكود المراد عرضه
/div>

ولكن مهلا!!
ضع هذا الرمز < بعد هذه الكلمة codeview.. وضعه مرة أخرى بعد هذه /div>

أنا ماوضعته عشان أقدر أعرض الكود في التعليق..

تحياتي

seham

جزاك الله خير اشتغلت معي
فكت أزمه
بارك الله فيك

مسلمة

شكرا لك على الشرح

M.Elosaily

درس راائع
http://earnlessons.blogspot.com

hany

رائع ويعمل معي مدونة نوادر

هنا مثال علي ذلك
http://doaib.blogspot.com/2009/06/blog-post_18.html

HoQar هوقـــــــار

شكرا جزيلا لك
http://hoqar.blogspot.com/

مملكة الحب

توبيكات
برامج
صور
العاب

genius

مازبط معايا

غير معرف

حمل من هنا مواقع وفلوس ولعب ومهرجنات وكلة اللي وانا وحيات ربنا ورحمة ابيوة كسب 400جنية دلوقتي انا حب افيد والنبي انشرو الموضوع خليك عضو واكسب فوراربنا ينصر صاحب الموقع http://alshapyeortigaoka2090.blogspot.com/?view=flipcard

Ell top

شكرا على الموضوع
BookMark
BookMark
BookMark
BookMark

مدونة تعليم بلوجر

شكرا على الموضوع

http://tempblogger-arabic.blogspot.com/

إرسال تعليق


يمكن استخدام بعض علامات HTML، مثل <b>, <i>, <a>

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

» معرض قوالب بلوجر مدونة لعرض أفضل القوالب المطروحة على معهد خبراء بلوجر : منتدى خاص بالبلوجر لتبادل الخبرات بين مدوني البلوجر ومشاركة القوالب العربية والمعربة أو الأجنبية إضافة إلى التبادل الإعلاني وطرق الربح عن طريق مدونات بلوجر.