إضافة إقرأ المزيد في بلوجر على الواجهة الجديدة 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






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

<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="إقرأ المزيد"/>

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

هل أعجبك الموضوع ؟

بقلم مصطفى

اهتم بكل ما هو جديد في عالم الانترنت انشأت هدا المدونة لمشاركة الناس خبرتي المتواضعة في هدا المجال

مواضيع مشابهة :