اضافة تلخيص التدوينات اضافة هامة جدا لبلوجر من اجل تسهيل تصفح مدونتك فأذا كنت مدون و تستخدم قالب بلوجر الاساسي فيجب عليك حقا اضافة هذه الاداة الرائعة لمدونتك حتي تحافظ علي شكل مدونتك و تسهل تصفحها اما اذا كنت مطور قوالب بلوجر فأنصحك بأضافة هذه الاداة عن الادوات الاخري المماثلة
فتلك الاداة لا تستخدم اكواد من مصادر خارج المدونة فلن تعطب مثل الادوات الاخري و كذلك خفيفة جدا و يمكنك تشخيصها بأي طريقة تراها مناسبة
شرح الاضافة
اذهب الي لوحة التحكم >> قالب >> تحرير
اولا: ابحث عن </head>
ثم قم بأضافة هذا الكود فوقه / قبله
<script type='text/javascript'>
//<![CDATA[
var configSummary = {
thumbnailSize: 100, // طول و عرض الصورة في الملخص
summaryLength: 300, // عدد الحروف في الملخص
noThumbUrl: "http://3.bp.blogspot.com/-vpCFysMEZys/UOEhSGjkfnI/AAAAAAAAFwY/h1wuA5kfEhg/s72-c/grey.png" // الصورة الإفتراضية في حال عدم إحتواء الموضوع على صورة
};
function createPostSummary(a,b,c) {
var text, doc = document, d = configSummary,
copyFrom = doc.getElementById(a).value,
pasteTo = doc.getElementById(b),
postThumbnail = (c === "") ? d.noThumbUrl : c;
text = copyFrom.replace(/<(.*?)>/g,"").replace(/[\n\r]+/g," ");
pasteTo.innerHTML = '<img class="post-thumbnail" src="'+postThumbnail.replace(/\/s[0-9]+(\-c)?\//,'/s'+d.thumbnailSize+'-c/')+'" alt="thumbnail" style="width:'+d.thumbnailSize+'px;height:'+d.thumbnailSize+'px;">' + text.substring(0,d.summaryLength) + '…';
}
//]]>
</script>
ثانيا: ابحث عن هذا الكود
ستجد اثنين من هذا الكود الثاني هو المقصود
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<data:post.body/>
<div style='clear:both;'/> <!-- clear for photos floats -->
</div>
بعد ان تجده عوضه كاملا بهذا الكود
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<textarea expr:id='"postData-" + data:post.id' style='display:none;'><data:post.body/></textarea>
<p class='post-summary' expr:id='"summaryContainer-" + data:post.id'>
<!-- for non/inactive JavaScript browsers -->
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' height='72' itemprop='image' width='72'/>
</b:if>
<b:if cond='data:post.snippet'>
<data:post.snippet/>
</b:if>
<!-- end for non/inactive JavaScript browsers -->
</p>
<p class='post-more-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.jumpText + " " + data:post.title'>
<data:post.jumpText/>
</a>
</p>
<script>createPostSummary("postData-<data:post.id/>","summaryContainer-<data:post.id/>","<b:if cond='data:post.thumbnailUrl'><data:post.thumbnailUrl/></b:if>");</script>
</b:if>
</b:if>
<div style='clear:both;'/> <!-- clear for photos floats -->
</div>
ثالثا: إبحث عن : ]]>
ثم ضع قبله /فوقه هذا الكود
.post-thumbnail {
display: block;
float: right;
margin: 0.2em 0 0 1em;
}
يمكنك تغير الكود باللون الاحمر حسب حاجتك
في هذا الموضوع ستجد
طريقة اضافة اقرء المزيد لبلوجر - اضافة اكمل القراء لبلوجر - تلخيص التدوينات بلوجر - اضافة Auto Read More لبلوجر - كود اقرأ المزيد لبلوجر - سكربيت تلخيص التدوينات لبوجر - اضافة اقرأ المزيد لمدونة بلوجر بطريقة آلية - تحسين شكل التدوينة في بلوجر - سكريبت اقرء المزيد / اكمل القراء / مزيد من المعلومات لبلوجر - كود لا ينعطب ابدا