سكريبت إقرأ المزيد لمدونة قوقل بلوجر وطريقة تركيبه

 إضافة خاصية إقرأ المزيد و التحكم في طول و عرض الصور و النص وكذلك  تزيين 
كلمة إقرأ المزيد بأكواد السي إس إس 

إليك الأكواد المسؤولة عن طول النص وكذلك طول و عرض صورة التدوينة  

  تستطيع تغيير الأرقام حسب رغبتك

posts_no_thumb_sum = 400;

 كود  عدد حروف نص التدوينة  بدون صورة

posts_thumb_sum = 300;

 كود عدد حروف النص مع صورة التدوينة 

img_thumb_height = 160;

طول صورة التدوينة

img_thumb_width = 180;

عرض صورة التدوينة

السكريبت يقوم بإظهار الصورة على اليمين و النص على اليسار

<script type='text/javascript'> posts_no_thumb_sum = 400; posts_thumb_sum = 300; img_thumb_height = 160; img_thumb_width = 180; </script> <script type='text/javascript'> //<![CDATA[ //https://elfadil3.blogspot.com 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+'...'; } //https://elfadil3.blogspot.com function createSummaryAndThumb(pID, pURL, pTITLE){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = posts_no_thumb_sum; if(img.length>=1) { imgtag = '<span class="posts-thumb" style="float:right; margin-left: 10px;"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" /></a></span>'; summ = posts_thumb_sum; } var summary = imgtag + '<div> ' + removeHtmlTag(div.innerHTML,summ) + '</div> '; div.innerHTML = summary; } //]]> </script>

إذهب إلى لوحة تحكم المدونة أنقر على المظهر ثم أنقر على تعديل HTML

قم بإظافة السكريبت في الهيدر، فوق <header/>
أنظر الصورة التالية لمزيد من الشرح

ملاحظة : ctrl +f لإظهار خانة البحت

إبحت عن هذا الكود

<data:post.body/>

سوف تجد إثنان  قم بتغيير الثاني بهذا الكود

<b:if cond='data:blog.pageType not in {"item","static_page"}'><div expr:id='"summary" + data:post.id'> <data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>","<data:post.title/>");</script><a expr:href='data:post.url'><div class='elfadil3-rd'> قرائة المزيد ->></div> </a></b:if><b:if cond='data:blog.pageType in {"item","static_page"}'><data:post.body/></b:if>

سوف نلاحظ أن بلوجر قد أظاف كلمة (مزيد من المعلومات) لحذفها قم بالبحث على الكود التالي وقم بحذفه 

<b:if cond='data:post.hasJumpLink'> <div class='jump-link'> <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a> </div> </b:if>

ومبروك عليك إضافة قرائة المزيد

يتبقى لك الآن تزيين قرائة المزيد بالسي إس إس css

مواضيع قد تفيدك