إضافة اقرا المزيد للبلوجر مع الصورة

إضافة "اقرا المزيد" وتلخيص مواضيع بلوجر +صُور إقرأ المزيد للإضافة..

من اخوانا  adsenseo فشكرا له

سـ اتطرق في موضوع اليوم ..عن طريقة تلخيص المواضيع او الرسائل ..

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


تنبيه : تم عمل موضوع خاص بـ إضافة إقرا المزيد إلى بلوجر..
على الواجهة الجديدة..لتَغَـيُـر شكل نمودج الـ 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'/>

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

> تم إبحث عن الكود التالي :

<data:post.body/>

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

<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/02/read-more-for-blogger.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 (وسط)..