ملخص التدوينات ف يالصفحة الرئيسية لمدونة بلوجر له اهمية قصوى لنجاح مدونتك بحيث تمكن هذه الملخصات الزوار على الاطلاع على نبذة من مواضيع مدونتك و بالتالي ينقر على الروابط التي تعجبه بخلاف لو لم تكن اضافة اقرا المزيد موجودة عندك اذ تكون عندئذ المواضيع طويلة و يمل الزائر من تحريك الصفحة الى الاسفل ...اذن خاصية اقرا المزيد عامل مهم لنجاح المدونة .
هذه الاضافة تشمل مختصر لمواضيع المدونة مع صورة مصغرة او بدونها بالاضافة الى رابط اقرا المزيد اسفل المختصر هذا الرابط عبارة عن نص او صورة من اختيارك.
تركيب الاضافة :
1- من لوحة التحكم >>> قالب >>> تحرير html
2- قم بالبحث عن الكود التالي بالاستعانة بلوحة التحكم ctrl+f :
3- قم بلصق الكود التلي قبله مباشرة :
*في اليسار : read-more-left
*في اليمين : read-more-right
*في الوسط : LireLaSuiteCentre0
4- بعد ذلك قم بالبحث عن الكود التالي :
ثم استبدله بالكود التالي :
يمكنك تغيير عبارة اقرا المزيد باللون الازرق باي جملة اخرى تناسبك مثل تابع القراءة او غيرها...
اما اذا اردت تغيير عبارة اقرا المزيد بصورة مثل هذه مثلا :
فعليك تغيير عبارة اقرا المزيد باللون الازرق بالكود التالي :
واذا اردت تغيير الصورة عليك تغيير الرابط باللون الازرق برابط الصورة الجديدة.
انتهينا من اضافة ملخص للتدوينات مع خاصية اقرا المزيد ويمكنك معاينة النتيجة...
هذه الاضافة تشمل مختصر لمواضيع المدونة مع صورة مصغرة او بدونها بالاضافة الى رابط اقرا المزيد اسفل المختصر هذا الرابط عبارة عن نص او صورة من اختيارك.
تركيب الاضافة :
1- من لوحة التحكم >>> قالب >>> تحرير html
2- قم بالبحث عن الكود التالي بالاستعانة بلوحة التحكم ctrl+f :
<head/>
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
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'/>
يمكنك تغيير الكود باللون الاحمر حسب المكان الذي تريد ظهور الصورة فيه :*في اليسار : read-more-left
*في اليمين : read-more-right
*في الوسط : LireLaSuiteCentre0
4- بعد ذلك قم بالبحث عن الكود التالي :
<data:post.body/>
ثم استبدله بالكود التالي :
<b:if cond='data:blog.pageType == "static_page"'><br/><data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'>
<data:post.body/></div><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>إقرأ المزيد...></a></span>
<a href='http://rydnet.blogspot.com/2013/07/2.html' style='display:none;'>Résumé</a><a href='http://rydnet.blogspot.com' style='display:none;'>hamza ramzi</a> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
</b:if>
اما اذا اردت تغيير عبارة اقرا المزيد بصورة مثل هذه مثلا :
فعليك تغيير عبارة اقرا المزيد باللون الازرق بالكود التالي :
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYDC73S6wwhCvVz7dAkhdw1Dy8oYmnncq44-Gw5hoTJR7OIJHk_z83OZansaCL5-ZYm8paZ4k-iF51xG4Zd3dCsy0ZMGel5zruCk4ng5QQZM7xtHw5m3M8H5zt4GngwaNVh0zx8Ehuk-Y/s1600/now2.jpg" title="إقرأ المزيد" alt="إقرأ المزيد"/>
انتهينا من اضافة ملخص للتدوينات مع خاصية اقرا المزيد ويمكنك معاينة النتيجة...
0 التعليقات:
إرسال تعليق