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

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

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

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

> من لوحة التحكم الرئيسية ..

> أدخل إلى "قالب"

> قُم بتنزيل القالب قبل القيام بأي خطوة في التعديل في الـ 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;'>Résumé</a><a href='http://bloggeradsenseo.blogspot.com' style='display:none;'>bloggeradsenseo</a> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
</b:if>


ملاحظة :يمكنك تغيير كلمة "إقرأ المزيد.."بكلمة أخرى(مثلا: تابع القراءة) ومكانها ..
& يمكن تغييرها بصورة ايضا ..
لـ تغيير مكان إقرأ المزيد :إستبدل right بـ left (يسار) أو بـ centre (وسط)..

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

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

http://www12.0zz0.com/2013/02/25/18/420986322.jpg

http://www12.0zz0.com/2013/02/25/18/361578084.jpg

http://www12.0zz0.com/2013/02/25/18/764150527.jpg

http://www12.0zz0.com/2013/02/25/18/894884363.jpg

http://www12.0zz0.com/2013/02/25/18/764687227.jpg

http://www12.0zz0.com/2013/02/25/18/847472384.jpg

http://www14.0zz0.com/2012/11/25/04/556505743.jpg

http://www11.0zz0.com/2012/11/27/22/152898214.png

http://www11.0zz0.com/2012/11/27/22/859846975.png

>وفي الأخير "حفظ النمودج "..

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