Topmix Admin
Admin
المزاج : 
المتصفح : 
الجنس : 
الدولة : 
عدد المساهمات : 203
نقاط : 603
تاريخ التسجيل : 05/11/2011
العمر : 35
 |  موضوع: اضافه خاصية اقرأ المزيد (تابع القراءة) الى مدونات بلوجر الأحد 8 يناير 2012 - 14:05 | |
| اضافه خاصية اقرأ المزيد (تابع القراءة) الى مدونات بلوجر بعد بسم الله الرحمان الرحيم والصلاة والسلام على اشرف المرسلين. اليوم درسنا عن كيفية اضافة اداة او خاصية اقرأ المزيد ) و الطريقة الاسهل والافضل لاضافة هذه الخاصية والطريقة وهي ناجحه مع قوالب بلوجر الاصلية ومع القوالب المعدلة والمميز فيها هو انها سهله التركيب, تقوم باختصار التدويونه وتصغير الصور اوتوماتيكاً حلوة اوتوماتيكياً يعني لن تحتاج الى القيام باي خطوات اخرى غير اضافة الكود, ايضاً لا تحتاج لاضافة روابط خارجية , الكود يقوم بنفسه بتصغيرة الصورة وتحديد موجز التدوينه, تستطيع التحكم بعدد الكلمات التي تود اظهارها في الصفحة الرئيسية للمدونة,وايضاً التحكم في حجم الصورة التي تود اظهارها في الصفحة الرئيسية او اخفائها. في الحقيقة هذه الخاصية مفيدة جداً للمدونات فهي تستغل مساحة المدونة في اظهار اكبر عدد ممكن من التدوينات فبدل ان تملئ تدوينه واحدة صفحة مدونتك الرئيسية تستطيع اسغلالها في اظهار اكثر من موضوع وبالتالي تمكن القارئ من الوصول لاكبر عدد من التدوينات في مدونتك طبعاً .. من باب الاحتياط والاحتياط واجب قبل ان تبدأ بالخطوات قم بعمل نسخة احتياطية من قالب المدونة وذلك عن طريقة التوجة لوحة التحكم ثم التخطيط كما هو موضح بالصورة [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] من التخطيط الى تحرير HTML ثم نضغط على تنزيل قالب كامل [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ونحفظ الملف (هذا الملف هو نسخة احتياطية من قالب المدونة) بعد ما أمنا القالب نقدر نبدا الشغل في البداية هذين هما الكودين الذي ستستعملهما (الكود الاول والكود الثاني) نحتاج لهم بعدين الكود الاول <blockquote><blockquote><script type='text/javascript'>var thumbnail_mode = "no-float" ; summary_noimg = 500; summary_img = 450; img_thumb_height = 100; img_thumb_width = 120; </script> <script src=' [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]' type='text/javascript'/> </blockquote>
</blockquote> الكود الثاني<blockquote> <p><b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span class='rmlink' style='float: right;padding-top:20px;'><a expr:href=post.url'> ...تابع القراءة</a></span> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if></p> </blockquote> الخطوة الاولى: قم بتوسيع القالب وذلك بتعليم (تاشير) المربع الموجود على يمين اليمين كما هو موضح في الصورة (1) [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] الخطوة الثانية: ابحث عن < /head > من غير الفراغات بين الاحرف والاقواس
لتسهيل عملية البحث اضغط على زر التحكم وحرف الاف (crtl F) وفي مربع البحث اكتب [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] الآن افتح صفحة الكود الاول وحدد النص [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] انسخ النص كله والصقة قبل < / head > الخطوة الثالثة: ابحث عن < data:post.body/ > من غير الفراغات ايضاً [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] الآن افتح ملف الكود الثاني حدد النص كامل - انسخه والصقه بدل < data:post.body / > لاحظ اننا اضفنا الكود الاول قبل < / head >لكن الكود الثاني استبدلناه مع < data:post.body / > اي اننا اضفنا الكود الثاني ومسحنا < data:post.body / > انتهينا من اضافة الخاصية اضغط على زر معاينة اذا نحجت في اضافة هذه الخاصية ستلاحظ التغيرات على مدونتك [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] لا تنسى ان تحفظ التغيرات التي اجريتها على القالب عن طريق ضغطك على زر حفظ القالب عند البحث لا تنسى الغاء المسافة بين الاحرف والاقواس < data:post.body / > انا لا استطيع كتابة الكود من غير فراغات لان بلوجر لا يقبله كاملاً تجدون الكلمتين مكتوبتين في الجانب الايسر من اول صورة في الموضوع. الي عنده سؤال يتفضل والي ماعرف يطبق الخطوات يعطيني النسخة الاحتياطية من قالبه وانا اضيف له الخاصية وارسل له القالب .. دمتم بخير | |
|
