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

إن شاء الله يكون الشرح واضح مع الواجهة الجديدة..
 


كود إضافة إقرأ المزيد في بلوجر على الواجهة الجديدة 2013 كود إضافة إقرأ المزيد في بلوجر على الواجهة الجديدة 2013 بواسطة walid al Bana on 10:58:00 ص القسم: 5

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

يتم التشغيل بواسطة Blogger.