هاك عرض الكود بشكل جيد ومنظم وجذاب على مدونات بلوجر Blogger بالتفصيل

بسم الله الرحمن الرحيم
الحمد لله خالق الأولين والآخرين وغافرذُنوب المُذنبين ومهلك الطغاة والجبارين الحمد لله أولاً وآخرا مبتدءاً ومنتهيا الحمد لله فى كل مكان وعلى أى حال وفى كل الأزمان والصلاة والسلام على النذير البشير صلى الله عليه وسلم .. أما بعد

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

• النتيجة النهائية

ممكن استبدال الصور المكتوب عليه "كود" بعنوان المدونة’’

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

مثال :

ملاحظة : من يريد مثل هذا العمل السابق يطلب فى الرد اعمل مثل هذا التصميم.

• قبل تحرير القالب يجب حفظ نسخة احتياطية منه لاستعادتها عند الضرورة.
• بعض الأكواد عرضتها كصورة لأنها تختفي في مدونة بلوق لذا وجب كتابتها و هذا أفضل!

كما جرت العادة ندخل إلى لوحة تحكم مدونتنا ثم نضغط " تخطيط " بعده " تحرير Html "

و نبحث (Ctrl+F لفتح نافدة البحث في المتصفح) على الكود :

]]></b:skin>

إنسخ هذا الكود و ألصقه فوق الكود السابق :

i

.codeview {

margin : 15px 35px 15px 15px;

padding : 10px;

clear : both;

list-style-type : none;

background : #ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpYHUbjpYfJygeOqMiSP8x8F-w9_CWFNhJ_BtM5i_-qVLrpIxMOsxyILJaaG460KIREewNet9KmUSoNL2t9JEoNcGunhtaa4pFa6kzZxdQC0xAQETqSFTekpeiqNym-iWYa3iujfelaYY//) 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 كما يلي ...

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

والسلام عليكم ورحمه الله وبركاتة’’

بقلم العماد

عماد البدري : غالباً ما يفشل معظم الناس في الحديث عند التعريف بأنفسهم، ويعجبني في هذا المقام أن أنضم لمعظم الناس، فقد حاولت استفزاز نرجسيتي أكثر من مرة لمعرفة من أنا، أو على الأقل لأفتح المجال أمام (الأنا) لتعبّر عن ذاتها , صدقاً لم أجد الكثير لأخطه عن نفسي، إلا بعض عادات أداوم بين الفينة والأخرى على فعلها، وشخصيات أحب تبني أفكارها وآرائها، وأعتقد أن الإنسان يعرف بأقرانه، ومن خلال اهتماماته يمكنك سبر أغواره، ربما هي طريقة جميلة أن تعرفني من خلال ما أحب وما أكره، يمكنكم متابعتي والتواصل معي على صفحتي بتويتر @ ALEMAD5 أو عبر الفيسبوك AL EMAD