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

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

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





الطريقة: 

تذكير: قبل تحرير القالب يجب حفظ نسخة احتياطية منه لاستعادتها عند الضرورة.

الخطوة 1 : من باب "التصميم" نختار "تحرير Html" و نوسع القالب عبر وضع علامة في المربع الصغير أعلا صندوق التحرير و نبحث عن </head> و مباشرة قبلها نضع هذا الكود :

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;

summary_noimg = 500;

summary_img = 450;

img_thumb_height = 100;

img_thumb_width = 120;

</script>

<script src='http://sites.google.com/site/simoxisite/Home/read-moreotomatis.js' type='text/javascript'/>

شرح الألوان:

- الأحمر لتعديل طول مقتطف التدوينة التي لا تضم صورا.

- الأزرق لطول مقتطف التدوينات التي بها صور.

- الأخضر لتعديل أبعاد المصغرات ( الصور الصغيرة التي تبدو في الرئيسية ).

- البرتقالي هو رابط ملف الجافاسكريبت يمكن إعادة رفعه و تحرير رابطه.



الخطوة 2 : نبحث ( Ctrl+F ) على <data:post.body/> نحدده و نعوضه بهذا الكود :

<p><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> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if></p>

لجعل الصورة إلى جهة اليسار استبدل right ب left في الكود أعلاه .

و أخيرا احفظ القالب و مبروك عليك! 

مدونة دؤيب