كيف تضيف أكواد HTML إلى تدويناتك

بسم الله الرحمن الرحيم

 

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

 

كيف تضيف أكواد HTML إلى تدويناتك

 

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

 

كالعادة قم بالذهاب لتحرير القالب

تعديل القالب 1

تعديل القالب 2

ثم إبحث عن الوسم التالي عن طريق الزرين Ctrl+F

]]></b:skin> 

 

و أضف قبله مباشرة الكود التالي :

.rtcv {
margin : 15px 35px 15px 15px;
padding : 20px 10px 10px 35px;
background : #EEEEEE url(http://3.bp.blogspot.com/-RQAnuLMkOs0/TjXUDGu_uCI/AAAAAAAAA-s/8RS9LPcymIU/s1600/Html+code.gif) repeat-y top left;
border-top : 1px solid #AAAAAA;
border-right : 1px solid #AAAAAA;
border-bottom : 1px solid #AAAAAA;
border-left : 1px solid #AAAAAA;
}

 

ثم قم بحفظ القالب. الأن عندما تريد أن تضع كود في مدونتك قم بوضع الكود في الخانة تأليف ثم نتقل إلى تحرير Html و ضع الكود بالأسفل في مقدمة و مأخرة كود الإضافة.

<div class="rtcv">
HTML Code Here
</div>

 

و بهذا سيظهر الكود بشكل جميل على المدونة. أتمنى أن يفيدك الموضوع.

 

في انتظار ردك و تعليقاتك تقبل سلامي الحار

إذا أعجبك الموضوع فشاركه مع أصدقائك فلن يأخد منك الأمر سوى 5 ثوان :)

هناك 6 تعليقات:

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

    ردحذف
  2. @abed أهلا بك أخي عابد بيننا

    و العفو فما نقدمه هو بفضل تشجيعكم لنا

    و إن شاء الله سيتم تفعيل الخاصية


    تحياتي لك

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

    ردحذف
  4. @الباشق الإسلاميقد يكون السبب من القالب نفسه فبعض القوالب لا تقبل أكواد بعض الإضافات و لا أدري ما السبب.

    لكن على العموم سأضع طريقة أخرى في موضوع مستقل في القريب إن شاء الله فتابع معنا.

    تحياتي لك

    ردحذف
  5. مشكور اخي جزاك الله خير
    http://kawkabelshark.blogspot.com/

    ردحذف