اضافة صورة تفصل بين مواضيع او مقالات مدونتك

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

انقر على الصورة للتكبير

طريقة رفع الصور في موقع العملاق : 

طبعا يا شباب هذا الرابط   http://siahdesign.com/archives/210  لموقع فيه عدة صور جميلة بامكانك ان تختار واحدة منهم ثم انقر بالزر الايمن على الصورة ثم اختر ( حفظ باسم ) واحفظها مثلا في سطح المكتب ، ثم انتقل الى موقع رفع الصور العملاق على الرابط  التالي :  http://www.0zz0.com/  ولمعرفة طريقة رفع الصور في موقع العملاق لاحظ الصورة التالية   :

اضغط على الصورة للتكبر

والان دعونا نبدا بخطوات : طريقة اضافة صورة فاصلة بين المواضيع لمدونات بلوجر : 

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

2 - ثم انقر على قالب - ثم تحرير HTML - ثم متابعة .

3 - ابحث عن هذا الكود (   .post {    )  باستخدام مفتاح ( CTRL+F  ) .

4 - ثم قم بوضع الكود التالي بداخله قبل القوس } :

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 - قم بمعاينة القالب ثم اعمل حفظ . وحظا سعيدا ،،،



المصدر : مدونة المحررون العرب