أهلا وسهلا بك عزيزي الزائر في المدونة التعليمية للحاسوب فما رأيك بالقالب الجديد؟؟

تزين العناوين الرئيسية أو الثانوية بستايل أنيق كالذي بمدونتي بلوجر

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

أقدم لم أحد دروس البلوجر وهي

تزين العناوين الرئيسية أو الثانوية

وهو درس عبارة عن إضافة سهلة تزين لك العناوين داخل تدوينة على البلوجر

كما أني لا احب أن أبخل عليكم بكل ما أضع بمدونتي من إضافات وتزيينات لأني حقا أحب إضافة المدونين الجدد

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

وبإذن الله ستصله المساعدة بأقرب وقت ولذذل أطلب منكم أيضا أن لا تبخلوا علي بتعليقات

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

 وأرجوا ان تقدروا مجهودي لكم

صورة الدرس

شرح الإضافة


أولا من لوحة التحكم ثم قالب ثم التعديل على Html

إبحث مستعملا Ctrl+F الكود التالي

]]></b:skin>

وضع قبله الكود التالي

/* subheading html/css form www.arabetutorial.blospot.com */
.post h2 {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJJYkKgez9mHlKTdSXJvlFB8ZSO8ins7t-kar4-c4hzfkLfmcck1s0cMnmw3XV8t-gZAYucdyy0VKXw8Bs3wq4dBgBoPVvYLriCjrpLPCUpR_mySEQCGYfNPXjV3YN8ppyiG8b5UpMKtk/s1600/h3.png") no-repeat 4px center transparent;
font-size: 20px;
font-family: 'Droid Arabic Kufi', Arial;
font-weight:normal;
padding: 3px 10px 3px 70px;
color: #FFC000;
border: 1px dashed #FF7700;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin: 15px 3px;
text-transform: uppercase;
line-height: 1.3;
}

وقم بحفظ القالب ومبروك عليك الإضافة الجميلة

شرح تشغيلها


لاحظ الصورة اسفله قم بتظليل النص المراد إدراج هذه الخاصية عليه واعمله كعنوان أي Heading


هذا الدرس من صنعي الخاص وأرجوا أن ينال إعجابكم
وترقبوا كل جديد ولاتنسوا عمل أعجاب بمدونتي ومتابعة المدونة وشكرا ^_^

السلام عليكم مع أطيب التمنيات رفيقكم اسامة



آخر مقالات المدونة

هناك 11 تعليقًا:

  1. اشكرك جزيل الشكر على هذي المدونة الجميلة جدا و الله العظيم قالب و اضافات و ترتيب جميل جدا x-) انا راح اراسلك من راسلنا لاني اريدك ان تساعدني :)

    ردحذف
  2. العفو ياغالي أشكرك على كلامك الجميل وأنا أنتظر رسالتك عشان أساعدك فهذا هو هدفي مساعدة الآخرين :)

    ردحذف
  3. شكرا اخي على الاضافة

    ردحذف
  4. شكرا لك على هذه الاضافة الجميلة

    ردحذف
  5. العفو وشكرا على مروركما

    ردحذف
  6. مشكور أخي الكريم

    ردحذف
  7. أزال المؤلف هذا التعليق.

    ردحذف
  8. [img] http://hamsmasry.com/up//uploads/images/hamsmasry-d1ee9a5f5e.gif [/img]

    ردحذف

إذا أردت عزيزي الزائر إدراج فيديو من يوتوب بتعليق قم بالتالي
[youtube]رابط فيديو يوتوب هنا[/youtube]
كما يمكنك إدراج صورة عبر الكود التالي
[img]رابط صورتك هنا[/img]

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

تصميم : بويردن