-->

تقنية ، إنترنت ، برامج ، إسلامية ، إقتصادية ، إجتماعية ، تعليمية ، رياضية

سُبْحَانَ اللَّهِ وَبِحَمْدِهِ ... سُبْحَانَ اللَّهِ العَظَيم

السبت، 15 نوفمبر 2014

كيفية اضافة صورة تفصل بين مواضيع او مقالات مدونتك الظاهرة في الصفحة الرئيسية

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


1- ندخل الى لوحة تحكم المدونة .  


 2- نضغط على كلمة  قالب  من القائمة الجانبية   مثل الصورة التالية :






بعد الضغط على كلمة قالب سوف تظهر لنا شاشة مثل الصورة التالية:







 ومن  تلك الصورة السابقة نضغط على تحرير   HTML    ، لكي يظهر لنا الصورة التالية:  



3- نبحث عن الكود التالي (اضغط على CTRL + F من الكيبورد لظهور عملية البحث ):
.post { }
4 - بعد أن نجد الكود السابق  نضع الكود التالي داخل القوس للكود السابق { هنــــــــــــــا} .post:




background: url(http://www6.0zz0.com/2012/02/23/15/427618559.jpg);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em;

* اللون الاحمر : رابط الصورة الفاصلة بين المواضيع . بامكانك ان تختار صورة اخرى تتناسب مع لون  مدونتك ثم تقوم برفعها في اي موقع لرفع الصور مثلاً موقع  http://www.0zz0.com  ثم ضع رابط صورتك مكان الرابط باللون الاحمر في الكود اعلاه  . 

                                      5- نضغط على زر حفظ التغيرات   لكي يتم حفظ القالب .

                                                                 جزى الله خيرا كل من ساهم فيه

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

إرسال تعليق