Featured Video

طرق ادراج اكواد html داخل المدونه


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

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

كتابة أكواد HTML داخل المواضيع على حسب آخر تحديثات بلوجر :
اتبع الخطوات بالترتيب :
الخطوة الأولى : تنسيق الأكواد في مدونات بلوجر :
وفائدة هذه الخطوة : تنسيق الكود ووضعه في اطار جميل ولا يأخد مساحة وبالطول والعرض الذي تريده ، لأنه في بعد الأحيان يكون الكود كبيراً ،ويبدوا من وجهة نظر الزائر غير لائق فهذا الإطار ينسقه ويجعله لا يأخذ حيز في التدوينة .

- اذهب إلى لوحة تحكم مدونتك ثم اختر تحريرHTML ،وضع علامة على توسيع القالب ثم ابحث عن الكود التالي :

]]></b:skin>

ثم ضع قبله الكود التالي مباشرةً :

#code {


padding:5px;


border:1px dashed;


background-color:#a4ddff;


direction: ltr;


text-align: left;


height:100px;


overflow-y:scroll;

}

* ارتفاع اطار الكود ( يمكنك تغيره ليتناسب مع مظهر مدونتك ).
ثم اختر حفظ القالب .

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

الخطوة الثانية :
اكتب الموضوع وأدرج الكود الذي تريد ولكن :
1- اذهب إلى الخيارات بجانب الموضوع الذي تكتبه واختر (اظهار HTML فعلياً) ،وهذه خطوة مهمة للغايه لأنها تحول تفسير أكواد HTML من قبل المتصفح من لاشئ إلى أكواد HTML .

الخطوة الثالثة :
اضغط على وضع HTML الذي بجانب وضع تأليف في تحرير المقالة ، ثم ابحث عن الكود الذي أدرجته في الموضوع ، لتسهيل البحث اضغط(ctrl+f)

الخطوة الرابعة :
ضع الكود بين الأمرين الآتيين كما في الصورة :




ووظيفة هذين الأمرين ادراج الكود بين الإطار الذي أعددناه سابقاً .

للتوضيح سيكود الشكل في وضع HTML كالتالي :
<div id="code">

وسيظهر في وضع المدونة ،أو التأليف أو بعد النشر بالإضافة إلى الإطار الجميل :

أرجو أن تكونوا قد استفدتم من الموضوع ،ومن أعجبه الموضوع يضغط لايك ،ويسعدنا تلقي استفساراتكم أو اقتراحاتكم 

انشاء مدونة بلوجر مع الشرح بالصور

اخى الكريم  من الضرورى  لكى تشترك فى بلوجر وتقوم بانشاء مدونه ان يكون لديك حساب فى جوجل وهزا امر سهل جدا


اولا تزهب الى صفحه البدايه على متصفحك (صفحة جوجل الرئيسيه) ستجد  فى اعلى  يمين الصفحه كلمة gmail  تضغط عليها


ثم ستجد خانتين لاسمك  والباسورد  الخاص بك  واسم الايميل الزى تريده  ثم بعد زلك تتم عملية التسجيل  


ثم تزهب الى موقع بلوجر   www.blogger.com  ستجد كلمة انشاء مدونه  تضغط عليها  وستجد هزه الصفحه


تقوم بادخال جميع البيانات وهى الايميل الزى قمت بانشائه على gmail  والباسورد  ثم تضغط استمرار 




ستظهر لك صفحه  بها  اسم المدونه الزى تريده  والرابط الخاص بمدونتك  your name.blogspot.com على سبيل المثال



ثم بعد زلك تقوم باختيار  القالب المناسب لك  والزى يمكنك تغييره بعد زلك






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


موضوعات  خاصه بك من انشائك وليست منسوخه من على المواقع   وزلك لتسهيل عمليه الاشتراك فى جوجل ادسنس


ان شاء الله  وقم بتحرير  عدد  25 او 30 موضوع  ليسهل عليك الاشتراك فى ادسنس  ارجو ان اكون  قد  قمت 


بشرح  مبسط  وسهل و قم  باضافه اى تعليق تريده على الموضوع فى حاله عدم استيفائى للشرح  وشكرا

Twitter Delicious Facebook Digg Stumbleupon Favorites More