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

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

مرحبا بكم من جديد على تقنيات الانترنت و أتمنى تكونوا بصحة و عافية

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

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

للوضع هذه الخاصية في مدونتك الطريقة جد سهلة جدا , اتبع معي الخطوات التالية
أولا خُذ نسخة إحتياطية من قالب مدونتك ضرووري

ابحث عن الكود التالي

</head>

ضع قبله مباشرة هذا الكود

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 300; 
summary_img = 250; 
img_thumb_height = 128; 
img_thumb_width = 128; 
</script>
<script src='http://abuiyad.googlecode.com/svn/trunk/read-more-left.js' type='text/javascript'/><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>

طبعا يمكنك التعديل على القياسات الموجود في الكود باللون الأحمر حسب رغبتك

ثانيا قم بالبحث على الكود التالي

<data:post.body/>

 هناك أكثر من

 <data:post.body/> 

 في قالب مدونتك للذلك إختر الثانية وإذا لم تعمل فاختر الثالثة

و قم باستبداله بهذا الكود

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<data:post.body/> 
<b:else/> 
<b:if cond='data:blog.pageType == &quot;static_page&quot;'> 
<data:post.body/> 
<b:else/> 
<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> 
<div style='clear: both;'/> 
<span
 style='padding-top:5px;;float:right;text-align:right;'><a 
expr:href='data:post.canonicalUrl' rel='bookmark'><b>Read more 
>></b></a></span> 
</b:if> 
</b:if> 

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

لا تنسونا من صالح الدعاء

و إذا كانت لديكم اي إضافات أخرى أو معلومات فأتحفونا بها عبر التعليقات للنجعل الإفادة أكثر

إلى درس أخر و لقاء أخر تابعونا و ابقوا على تواصل دائم معنا و مواضيع تقنيات الانترنت الحصرية 

و السلام عليكم ورحمة