إضافة عنوان وصورة وملخص الموضوعات أسفل موضوعات بلوجر

عدد مشاهدات الموضوع:

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

أولا: إضافة عناويين الموضوعات السابقة والتالية أسفل التدوينات

1- قوموا بأخذ نسخة إحتياطية من قالب مدوناتكم

2- استخدموا الاكواد التالية فى مكانها الصحيح المشار اليه بالشرح

كود الجيكويرى : اذا كانت مدونتك تحتوى عليه لا تضيفه واذا لم تجده ضعه فوق الوسم </head:>

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'></script> 

كود الجافا سكريبت : قم بوضعه فوق أو قبل الوسم </body>

كود السى إس إس : قم بالدخول الى تخصيص وقم بتنفيذ ما بالصورة التالية

.blog-pager-newer-link {background-color:transparent !important;padding: 0 !important;}.blog-pager-older-link {background-color:transparent !important;padding: 0 !important;}#blog-pager-newer-link {padding:5px;font-size:90%;width:200px;text-align:left;}#blog-pager-older-link {padding:5px;font-size:90%;width:200px;text-align:right;}.home-link {left:0px;position:absolute;margin-left:250px;text-align:center;width:60px;white-space:nowrap;}

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

معاينة

1- قوموا بأخذ نسخة إحتياطية من قالب مدوناتكم

2- استخدموا الاكواد التالية فى مكانها الصحيح المشار اليه بالشرح

كود الجيكويرى والجافا سكريبت والسى إس إس: اذا كانت مدونتك تحتوى علي كود الجيكويرى لا تضيفه واذا لم تجده قم بنسخ الكود التالى ووصعه فوق الوسم </head:>

يمكنك التعديل بالكود وخاصة CSS كما تحب من ألوان ومقاسات. شكرا للرائع MS-potilas على اتاحة الكود للجميع. وانتظرونا فى موضوعاتنا القادمة.