طريقة اضافة اقرا المزيد في مدونة بلوجر | بلوجر نيو بلوجر نيو: طريقة اضافة اقرا المزيد في مدونة بلوجر

الاثنين، 19 أغسطس، 2013

طريقة اضافة اقرا المزيد في مدونة بلوجر

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




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

الشرح بالفديو

الشرح بالصور
اولأ اذهب الي لوحة التحكم
ثم قالب ثم تحريرقالب 
ثم ابحث عن الكود  </head> باستخدام ctrl+f
وضعة فوق </head> الكود التالي
<script type='text/javascript'>var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } strx = s.join(""); } chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; } function createSummaryAndThumb(pID){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = summary_noimg; if(img.length>=1) { imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>'; summ = summary_img; } var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; } //]]></script>
كما في الصور

ثم ابحث عن <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> <span class='jump-link' style='font-weight:bold;padding:5px;float:right;text-align:right;'><a expr:href='data:post.url'>اقرا المزيد..</a></span> <div style='clear: both;'/> </b:if> </b:if>
اذا كنت تريد الصور في اليسار استبدل right ب left
وبكدة اكون خلصت ارجو ان اكون وفقت في الشرح


اعجبك الموضوع؟ مشاركتها مع أصدقائك:-

Team SB
النشر بواسطة: عبد الرحمن مصطفي
التعليق عن طريق

قواعد التعليق : برجاء الالتزام بآداب الحديث والحوار.

هناك تعليقان (2):

  1. اخي هذا الكود ماوجدته ابدا فمل الحل؟؟

    ردحذف
  2. ممكن رابط المدونة بتاعتك
    وانت مش لقي الكود الأول ولأ الكود الثاني؟

    ردحذف

Contact Us

الاسم

بريد إلكتروني *

رسالة *

 

أرشيف المدونة الإلكترونية

Copyright © . eg-y. All Rights Reserved.
Designed by :-Way2themes