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

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

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

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

تنبيه : تم عمل موضوع خاص بـ إضافة إقرا المزيد إلى بلوجر..
على الواجهة الجديدة..لتَغَـيُـر شكل نمودج الـ HTMl ..
وفشل الإضافة مع بعض المدونين ..
خصوصا المبتدئين منهم ^^
الشرح على الواجهة الجديدة > إضافة إقرأ المزيد في بلوجر على الواجهة الجديدة 2013 بالصور والشرح..




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

> أدخل إلى "قالب"
> قُم بتنزيل القالب قبل القيام بأي خطوة في التعديل في الـ 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 (وسط)..

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

<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

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

تنبيه : تم عمل موضوع خاص بـ إضافة إقرا المزيد إلى بلوجر..
على الواجهة الجديدة..لتَغَـيُـر شكل نمودج الـ HTMl ..
وفشل الإضافة مع بعض المدونين ..
خصوصا المبتدئين منهم ^^
الشرح على الواجهة الجديدة > إضافة إقرأ المزيد في بلوجر على الواجهة الجديدة 2013 بالصور والشرح..

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

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

بقلم مصطفى

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

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