كيفية اضافة اطار بعناوين قطع الأضافات للقوالب الأفتراضية

شرح اضافة اطار بعناوين الاضافات للقوالب الافتراضية المقدمة من جوجل الكلاسيكية

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

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

الان اضغط على زر متابعة

الان قم بتوسيع القالب كما واضح لتا بالصورة التالية

الان اضغط على CTRL + F من الكيبورد لظهور عملية البحث عن الأكود بالمتصفح
ابحث عن هذا الكود :

 /* Widgets
----------------------------------------------- */

اضف بأولة او بأخرة هذا الكود

.sidebar .widget h2 {
background: #FF0000 url('ضع رابط الصورة هنا') no-repeat left top;
margin-top:5px;
text-indent: 20px;
padding:7px;
} 

الان قم بوضع رابط الصورة الذى تريدها مكان كلمة ضع رابط الصورة هنا المشار باللون الاخضر وقم بتغير كود اللون المحدد باللون الاصفر الى الون الذى تريدة وبالاخير اضغط حفظ انتهى الشرح وارجو بأن هذه التدوينة اعجبتكم (( لا خير فى كاتم العلم ))