اشتري اي حاجة اون لاين

أضافة تلخيص التدوينات ( إقرأ المزيد ) التلقائية المحسنة لبلوجر


أضافة تلخيص التدوينات ( إقرأ المزيد ) التلقائية المحسنة لبلوجر

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


شرح الاضافة

اذهب الي لوحة التحكم >> قالب >> تحرير
http://vignette1.wikia.nocookie.net/nickfanon/images/7/73/Ctrl-f-hi.png/revision/latest?cb=20140519194037
اولا: ابحث عن </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) + '&hellip;';
}
//]]>
</script>

ثانيا: ابحث عن هذا الكود
 ستجد اثنين من هذا الكود الثاني هو المقصود

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  <data:post.body/>
  <div style='clear:both;'/> <!-- clear for photos floats -->
</div>
بعد ان تجده عوضه كاملا بهذا الكود

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <data:post.body/>
  <b:else/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <data:post.body/>
    <b:else/>
      <textarea expr:id='&quot;postData-&quot; + data:post.id' style='display:none;'><data:post.body/></textarea>
        <p class='post-summary' expr:id='&quot;summaryContainer-&quot; + 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 + &quot;#more&quot;' expr:title='data:post.jumpText + &quot; &quot; + data:post.title'>
            <data:post.jumpText/>
          </a>
        </p>
        <script>createPostSummary(&quot;postData-<data:post.id/>&quot;,&quot;summaryContainer-<data:post.id/>&quot;,&quot;<b:if cond='data:post.thumbnailUrl'><data:post.thumbnailUrl/></b:if>&quot;);</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 لبلوجر - كود اقرأ المزيد لبلوجر - سكربيت تلخيص التدوينات لبوجر - اضافة اقرأ المزيد لمدونة بلوجر بطريقة آلية - تحسين شكل التدوينة في بلوجر - سكريبت اقرء المزيد / اكمل القراء / مزيد من المعلومات لبلوجر - كود لا ينعطب ابدا