14‏/9‏/2013

إضافة إقرأ المزيد في بلوجر على الواجهة الجديدة 2013 بالصور والشرح..

تبقى إضافة إقرأ المزيد وتلخيص مواضيع بلوجر من أهم إضافات بلوجر ..
في الحقيقة يصعب على المدوننين المبتدئين التعامل مع لغة الـ HTML ..
وخصوصا مع التغيرات التي شهدتها واجهة تحرير HTML بلوجر ..
الواجهة الجديدة جيدة (مختصرة)..لكن التعود على العمل في الواجهة القديمة ..
يصعب عليك
 التعامل معاها في الأول ..وخصوصا في إضافة اقرا المزيد ..

لذى قررت ان أعيد شرح طريقة الإضافة ..بالصور مع الواجهة الجديدة ..
طبعا سبق وتم التطرق لموضوع إضافة إقرأ المزيد في بلوجر..
بعنوان > 
إضافة "اقرا المزيد" وتلخيص مواضيع بلوجر +صُور إقرأ المزيد للإضافة..


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

من لوحة التحكم الرئيسية ..
> أدخل إلى "قالب"
> قُم بتنزيل القالب قبل القيام بأي خطوة في التعديل في الـ html  <
> من "نسخ احتياطي/استعادة" تحسبا لـ أي خطأ..<
> "تحرير html "
> إبحث عن الكود التالي ( لـ البحث إضغط على  Cltrl+F من الكيبود بعد وضع الماوس داخل النمودج ) : 

</head>

> قم بـ إضافة الكود الآتي فوقه مباشرة :


<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 300; /* حجم النص بدون صورة */
summary_img = 330; /* حجم النص مرفوق بصورة*/
img_thumb_height = 170; /* طول الصورة في الملخص */
img_thumb_width = 160; /* عرض الصورة في الملخص */
</script>
<script src='https://bloggerAdsenSeo.googlecode.com/svn/trunk/Auto-readmore-right.js' type='text/javascript'/>

يمكنكم أيضا وضع الكود أسفل  </b:skin> مُباشرة ..بَدلاً من السابق..:)


وهذه النتيجة من الواجهة الجديدة :



ملاحظة
 : عند تطبيقك لهذا الكود ..سيتم عرض صورة الملخص على اليمين ..
إستبدل right بـ left : لـ عرض صورة الملخص على اليمين ..
إستبدل right بـ centre : لـ عرض صورة الملخص على اليمين ..


> تم إبحث عن الكود التالي لـ البحث إضغط على  Cltrl+F من الكيبود بعد وضع الماوس داخل النمودج ):
<data:post.body/>

هناك من سيجد مشكل في البحث عن هذا الكود ..
لذى قمت بشرح مفصل بالصور للبحث عن الكود بالطريقة الانسب بالصور والشرح..

1 . 2


3


4 . 5



> قم بـ إستبداله بـ الكود الآتي (ضعه مكانه ) :

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/><data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/></div><script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>إقرأ المزيد..</a></span>
<a href='http://bloggeradsenseo.blogspot.com/2013/09/add-read-more-summarize-topics.html' style='display:none;'></a><a href='http://bloggeradsenseo.blogspot.com' style='display:none;'>bloggeradsenseo</a> </b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>



ليصبح الكود على هذا الشكل :


ملاحظة :يمكنك تغيير كلمة "إقرأ المزيد.."بكلمة أخرى(مثلا: تابع القراءة) ومكانها ..

& يمكن تغييرها بصورة ايضا ..
لـ تغيير مكان إقرأ المزيد :إستبدل right بـ left (يسار) أو بـ centre (وسط)..

أما لـ تغيير خاصية إقرأ المزيد بـ صورة ..

إستبدل عبارة "إقرأ المزيد.." في  الكود بالعبارة التالية :

<img src="رابط الصورة.." title="إقرأ المزيد" alt="إقرأ المزيد"/>

إن شاء الله يكون الشرح واضح مع الواجهة الجديدة..
طبعا أكواد إضافة إقرأ المزيد مأخودة من الموضوع السابق ..
ولمن يريد صور "إقرأ المزيد" أو "تابع قراءة الموضع" يمكنه أخذها من الموضوع السابق ..
الخاص بـ إضافة اقرأ المزيد وتلخيص مواضيع بلوجر بالشرح على الواجهة القديمة ..
مع صُور إقرأ المزيد للإضافة ..
لا تنسوا إبداء رأيكم في الموضوع ..


موقع تابع لنا خاص ببع جميع الإكسسوارات المفيدة للحياة اليومية :
https://Www.Waffir.Ma
مرحبا بطلباتكم وإستفساراتكم ..

Sharing Widget byBloggerAdsenSeO

navright

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

  1. مرحبا اخي الكريم
    جميل جدا نريد المزيد من هذه المواضيع
    اخبرني هل يمكنني ان انسخ المواضيع مع ذكر المصدر
    كتب لي عبر بريذ الكتروني
    info.29.01.2013@gmail.com
    ;وشكرا

    ردحذف
    الردود
    1. أهلا وسهلا أخي ..
      مثل هذه الردود تشجعني لتقديم الأفضل دائما ..

      طَمعا مُمكن مع ذكر المصدر ..
      (Copyright © 2013 بلوجرأدسنس السيو = جميع الحقوق محفوظة^^)

      أصادف بعض المواقع والمدونات تنقل مواضيعي بالحرف الواحد ..لكن لا احب مُتابعاتها والتبليغ عنها ..
      أهم شيء عندي الإستفادة للجميع ..

      حذف
  2. غير معرف9/25/2013

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

    ردحذف
    الردود
    1. الله يعافيك أخي ..
      اخي انا شخصيا أستعمل ماستر كارك ..أخدتها من البنك بالتسجيل معهم ..
      بها يمكنك تفعل حساب البايبال ووكدا تسحب بها الأموال ..والشراء بها من الأنترنت طبعا ..

      سأحاول ان اجرب طريقة صادفتها سابقا ..وقرت عنها انها جيدة بخصوص تفعيل وسحب بطاقة بايونر..
      وأتكلم عليها في موضوع خاص لتعم الفائدة ..

      حذف
  3. اخي انا ما ظبط معاي اي طريقة من هدول الطرق لاضافة خاصية اقرأ المزيد...
    ممكن حل؟؟؟؟؟

    ردحذف
    الردود
    1. السلام عليكم
      جرب ان تنسخ الكود الثاني على الذي يليه
      بمعنى انك سوف تجد اكثر من كود وعليك ان تجرب
      لقط فعلت ذلك ونجحت
      www.derasatps.com
      مدونة دراسات

      حذف
  4. ممكن تخدمني هالخدمة وتحللي هاي المشكله؟؟؟

    ردحذف
  5. غير معرف6/02/2014

    شكرا أخي
    لم أفهم الخطوة 3
    و شكرا لك مسبقا

    ردحذف
    الردود
    1. السلام عليكم
      الامر سهل
      انسخ كود التعديل على الكود وجاذا لم ينجح جرب الكود الذي يليه
      مدونة دراسات
      www.derasatps.com

      حذف
  6. momkin tachr7 liya hadik daba body fin radi nal9aha rah mal9ithach plz

    ردحذف

الموضوع السابق الموضوع التالي الصفحة الرئيسية
 

أدخل إيميلك لـ التوصل بجديد مواضيع الموقع :