و هي
اضافة أقرأ المزيد بطريقة آلية بحيث انها بعد عدد حروف معين يظهر زرار
اقرأ باقي الموضوع عند كل موضوع تنشرة او تم نشرة بطريقة آلية ..
من لوحة التحكم اختار تصميم ثم تحرير HTML ثم توسيع عناصر القالب
1. ابحث عن : </head>
2. اضف الكود التالي :
<!-- Read More Hack : www.raykcool.com --> <script type='text/javascript'>var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 150; img_thumb_width = 200; </script> <!-- Read More Hack : www.raykcool.com --> <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:right; 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> <!-- Read More Hack : www.raykcool.com -->
3. ابحث عن : <data:post.body/>
4. استبدلة بالكود التالي :
<!-- Thanks For Your Support : Free Widget, Codes, Hacks and Blogger Template Visit Us : www.raykcool.com --> <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:left;padding-top:20px;'><a expr:href='data:post.url'> <img alt='Read More' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUBtMMcCzb8lYzsvLFpEygpwPs3OM_XM7LyV03FhO20RGrtl_HPazZ4HAxznbGjM6pOByoUcjl1eCL6pUrZXMAOhQw_69jVXPHHcnp2xGiSb5k7WG497W1HTWdyG4IMJ1h1bUhAlWUQNYE/s1600/rm13.png' width='139'/></a></span> </b:if> <b:if cond='data:blog.pageType == "item"'> <!-- Thanks For Your Support : Free Widget, Codes, Hacks and Blogger Template Visit Us : www.raykcool.com --> <base target='_blank'/> <data:post.body/> </b:if> </b:if>
<!-- Thanks For Your Support : Free Widget, Codes, Hacks and Blogger Template Visit Us : www.raykcool.com --> <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:left;padding-top:20px;'><a expr:href='data:post.url'> <img alt='Read More' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUBtMMcCzb8lYzsvLFpEygpwPs3OM_XM7LyV03FhO20RGrtl_HPazZ4HAxznbGjM6pOByoUcjl1eCL6pUrZXMAOhQw_69jVXPHHcnp2xGiSb5k7WG497W1HTWdyG4IMJ1h1bUhAlWUQNYE/s1600/rm13.png' width='139'/></a></span> </b:if> <b:if cond='data:blog.pageType == "item"'> <!-- Thanks For Your Support : Free Widget, Codes, Hacks and Blogger Template Visit Us : www.raykcool.com --> <base target='_blank'/> <data:post.body/> </b:if> </b:if>
اضغط حفظ القالب ..
ملاحظات هامة :
1. تأكد من عدم اضافة هذة الاداة اذا كانت مضافة اساسا لديك
3. الكود محدث بخاصية اظهار اداة اقرأ المزيد في المواضيع فقط و ليس الصفحات الثابتة .. 4. لتغيير صورة Read More ابحث في القالب عن رابط الصورة :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUBtMMcCzb8lYzsvLFpEygpwPs3OM_XM7LyV03FhO20RGrtl_HPazZ4HAxznbGjM6pOByoUcjl1eCL6pUrZXMAOhQw_69jVXPHHcnp2xGiSb5k7WG497W1HTWdyG4IMJ1h1bUhAlWUQNYE/s1600/rm13.png
0 تعليقات